JQuery 1.6+ checkbox 状态选择

最新推荐文章于 2021-04-28 19:21:45 发布

༺ཌༀཉི浮华背后༃ༀད༻

最新推荐文章于 2021-04-28 19:21:45 发布

阅读量841

点赞数

分类专栏： JQuery HTML 文章标签： jquery checkbox checked

本文链接：https://blog.csdn.net/dmtnewtons_blog/article/details/10925307

版权

HTML 同时被 2 个专栏收录

23 篇文章 0 订阅

订阅专栏

JQuery

15 篇文章 0 订阅

订阅专栏

示例：

HTML:

<form>
    <table>
        <tr>
            <td><input type="checkbox" id="select_all"/></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="select[]"/></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="select[]"/></td>
        </tr>
        <tr>
            <td><input type="checkbox" name="select[]"/></td>
        </tr>
    </table>
</form>

jQuery:

//JQuery 1.6版本以前

$('#select_all').change(function() { 
    var checkboxes = $(input[type='checkbox']); 
    if($(this).is(':checked')) { 
        checkboxes.attr('checked', 'checked'); 
    } else { 
        checkboxes.removeAttr('checked'); 
    }
});

//或者

$('#select_all').change(function() {
    var checkboxes = $(input[type='checkbox']);
    if($(this).is(':checked')) {
        checkboxes.attr('checked', true);
    } else {
        checkboxes.attr('checked', false);
    }
});

//JQuery 1.6版本以后

$(function() {
    $('#select_all').change(function(){
        var checkboxes = $(input[type='checkbox']);
        if($(this).prop('checked') == true){ 
          checkboxes.prop('checked',true);
        } else{ 
          checkboxes.prop('checked',false);
        } 
    });
});