根据 :checked 状态更新值答案

【问题标题】：Update value based on :checked status根据 :checked 状态更新值
【发布时间】：2010-07-05 13:27:48
【问题描述】：

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

如果选中，则 value="1"; 其他值=“0”；

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

我认为上面的 jQuery 可能工作，但它的一次性检查，我如何使它每次单击/选中复选框时，值变为 1，否则为 0？

非常感谢

【问题讨论】：

【解决方案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;      
});

【讨论】：

【解决方案2】：

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

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

【讨论】：