欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

实现反选或全选

程序员文章站 2022-05-31 10:55:50
...

html:

<div class="BatchOperation fl">
    <input type="checkbox" id="del" onchange="checkAll()" />
    <label for="del" class="btnStyle middle">全选</label>
    <input type="button" value="批量删除" class="btnStyle" onclick="deleteAll()" />
</div>
 <!-- turn page -->
    js:

//反选或全选

 function checkAll() { 
        $("input[type='checkbox']").prop("checked", $("#del")[0].checked); 
    }

实现效果:

全选:
实现反选或全选
全不选
实现反选或全选

相关标签: html