更新值基于：检查状态

Question

<input type="checkbox" name="feature1" value="0" /> 

如果选中，value =“1”; else value =“0”;

if ($('input[name=feature1]').is(':checked')) { 
    $('input[name=feature1]').val('1'); 
} 

我觉得上面的jQuery可以工作，但它的一次性检查，我怎么让那个每次的复选框，单击/选中，值为1，否则为0？

非常感谢

Answer 1

$('input[name=feature1]').click(function(){ 
    if ($(this).is(':checked')) { 
     $(this).val('1'); 
    } else { 
     $(this).val('0'); 
    } 
}); 

或

$('input[name=feature1]').click(function(){ 
    if (this.checked) { 
     $(this).val('1'); 
    } else { 
     $(this).val('0'); 
    } 
}); 

或

更好

$('input[name=feature1]').click(function(){ 
     $(this).val(this.checked ? 1:0); 
}); 

，只是因为我认为还有一个更好的方法..

$('input[name=feature1]').click(function(){ 
     this.value = this.checked ? 1:0;  
});​ 

Answer 2

我会给输入一个ID，只是为了让它更容易编写你的jQuery - 为了这个答案的目的，我会假装我们重复了这个名字。

jQuery("#feature1").click(function() { 
    if (this.checked) { 
     jQuery(this).val(1); 
    } else { 
     jQuery(this).val(0); 
    } 
});