jQuery实现checkbox全选

最新推荐文章于 2021-03-10 19:26:35 发布

原创最新推荐文章于 2021-03-10 19:26:35 发布 · 200 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #ViewUI

javascript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了使用jQuery实现批量选择和取消选择复选框的方法，包括全选/全不选功能，并展示了四种不同方式的实现代码。

反选补充：

$(this).attr("checked",!$(this).attr("checked"));

第一种

$(function() {
    $("#selectall").click(function() {
        $("input[@name='shareuser[]']").each(function() {
            $(this).attr("checked", true);
        });
    });
    $("#deselectall").click(function() {
        $("input[@name='shareuser[]']").each(function() {
            $(this).attr("checked", false);
        });
    });
});

第二种

$("#checkall1").click(
function(){
    if(this.checked){
        $("input[name='courseid']").each(function(){this.checked=true;});
    }else{
        $("input[name='courseid']").each(function(){this.checked=false;});
    }
}
);

第三种

jQuery(‘input[@type=checkbox][name=resourceID]‘).attr(‘checked’,this.checked)

第四种

$(function(){
$(‘#CheckBox3′).click(function(){
$(this).attr(‘checked’) == true?$(‘#inputId’).attr(‘checked’, true):$(‘#inputId’).attr(‘checked’, false);
})
})