根据以下内容更新值：已检查状态

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);
   }
});