使用jquery检查/取消选中复选框?
这个问题在这里已经有了答案:
对于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()方法。
您可以使用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">
您可以根据以下值设置复选框的状态:
$('#your-checkbox').prop('checked', value == 1);
链接地址: http://www.djcxy.com/p/12247.html