使用jquery检查/取消选中复选框？

Question

我的页面中有一些输入文本字段,我使用javascript setVal函数显示它们的值进行编辑,我添加了一个额外的复选框字段,我传递了一个值,

在这里,我想检查是否.set("value",""),然后应该检查此复选框,否则取消选中,

我这样做是因为使用了两个div,但我对此感到不舒服,还有其他解决办法吗？

if(value == 1) {
    $('#uncheck').hide();
    $('#check').show();
} else{
    $('#uncheck').show();
    $('#check').hide();
}

Answer 1

对于jQuery 1.6+:

.attr()已弃用于属性; 使用新的.prop()函数代替:

$('#myCheckbox').prop('checked', true); // Checks it
$('#myCheckbox').prop('checked', false); // Unchecks it

对于jQuery <1.6:

要选中/取消选中复选框,请使用该属性checked并对其进行更改.使用jQuery,您可以:

$('#myCheckbox').attr('checked', true); // Checks it
$('#myCheckbox').attr('checked', false); // Unchecks it

因为你知道,在HTML中,它看起来像:

<input type="checkbox" id="myCheckbox" checked="checked" /> <!-- Checked -->
<input type="checkbox" id="myCheckbox" /> <!-- Unchecked -->

但是,您无法信任.attr()方法来获取复选框的值(如果需要).您将不得不依赖.prop()方法.

Answer 2

您可以使用prop(),因为在jQuery 1.6之前,.attr()方法在检索某些属性时有时会考虑属性值,这可能会导致行为不一致.从jQuery 1.6开始,该.prop()方法提供了一种显式检索属性值的方法,同时.attr()检索属性.

var prop=false;
if(value == 1) {
   prop=true; 
}
$('#checkbox').prop('checked',prop);

或简单地说,

$('#checkbox').prop('checked',(value == 1));

片段

$(document).ready(function() {
  var chkbox = $('.customcheckbox');
  $(".customvalue").keyup(function() {
    chkbox.prop('checked', this.value==1);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<h4>This is a domo to show check box is checked
if you enter value 1 else check box will be unchecked </h4>
Enter a value:
<input type="text" value="" class="customvalue">
<br>checkbox output :
<input type="checkbox" class="customcheckbox">

Answer 3

您可以根据值设置复选框的状态:

$('#your-checkbox').prop('checked', value == 1);