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


check / uncheck checkbox using jquery?

本问题已经有最佳答案，请猛点这里访问。

我的页面中有一些输入文本字段，并使用javascript显示它们的值。

我正在使用.set("value","")函数编辑值，添加一个额外的复选框字段，并传递一个值。

这里我想检查一下，如果是value == 1，那么应该选中这个复选框。否则，应保持未选中状态。

我是用两个沙发床来做的，但是我对这个感觉不舒服，还有其他的解决办法吗？

1
2
3
4
5
6
7
if(value == 1) {
    $('#uncheck').hide();
    $('#check').show();
} else{
    $('#uncheck').show();
    $('#check').hide();
}

for jQuery +：1.6P＞＜／

.attr()是deprecated properties for the new()；使用.prop function as：insteadP＞＜／

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

jQuery的：＜1.6 forP＞＜／

在uncheck to check the /使用复选框，属性，和checked圣坛。你可以给你：与jQueryP＞＜／

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

原因你知道，HTML，它会看起来什么样：P＞＜／

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

不管一个人多，You cannot Trust the method to get().attr the value of the复选框(如果你需要)。You will have to the method rely .prop(中)。P＞＜／

相关讨论

你可以使用道具()As for this before the jQuery，.attr method(1.6)，有时把财产帐户查询属性值为"which when some，inconsistent行为的原因。as the method of 1.6 .prop()jQuery提供的方式，explicitly retrieve values to property属性，而.attr()retrieves。P＞＜／

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

或简单的，P＞＜／

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

片断P＞＜／

1
2
3
4
5
6
$(document).ready(function() {
  var chkbox = $('.customcheckbox');
  $(".customvalue").keyup(function() {
    chkbox.prop('checked', this.value==1);
  });
});
1
2
3
4
5
6
7
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
<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">
checkbox output :
<input type="checkbox" class="customcheckbox">

P＞＜／

你可以集The state of the复选框值基于on the：P＞＜／

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