用jQuery实现(全选、反选、全不选功能)
- 作者: 蜗牛的倔强
- 来源: 51数据库
- 2021-07-08
在jquery选择器的基础下我们实现一个全选,反选,全不选功能!
<script type="text/javascript">
$(function ()
{
//全选
$("#selectall").click(function () {
//attr在html推荐非固有(用户自定义)属性是使用
//prop在html元素固有属性的时候使用
$("input[name='gx']").each(function () {//input[name='gx']属性过滤选择器
$(this).prop("checked", true);
})
});
//全不选
$("#selectnotall").click(function () {
$("input[name='gx']").each(function () {
$(this).prop("checked", false);
})
});
//反选
$("#selectrevorse").click(function ()
{
$("input[name='gx']").each(function ()
{
$(this).prop("checked",!this["checked"]);
});
})
})
</script>
