首页 > 技术文章 > jquery 全选/取消全部

zc290987034 2018-05-28 12:02 原文

html

/*主要按钮*/
<td><input type="checkbox" id="checkAllChange" /></td>

/*循环*/
<td><input type="checkbox" class="userid" value="1" /></td>

 

js

<script type="text/javascript">  
// jq 全选/取消全部   
$("#checkAllChange").click(function() {   
    if (this.checked == true) {   
        $(".userid").each(function() {   
            this.checked = true;   
        });   
    } else {   
        $(".userid").each(function() {   
            this.checked = false;   
        });   
    }   
});   
</script>

 

推荐阅读