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

这个问题在这里已经有了答案:

  • 设置“检查”的复选框与jQuery? 38个答案

  • 对于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

    上一篇: check / uncheck checkbox using jquery?

    下一篇: Function for calculating Pi using taylor series in c++