jQuery前端的全选 全不选 奇数组 偶数组 的多选按钮功能
Posted 逆流的致爷
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery前端的全选 全不选 奇数组 偶数组 的多选按钮功能相关的知识,希望对你有一定的参考价值。
<script>
$("#btn1").click(function(){ (全选)
$(".check").prop("checked","true"); //这个地方一定要写成prop形式 ,如果采用ATTR会导致只能进行一次选择,第二次选择必须刷新页面才可以
});
$("#btn2").click(function(){ (全不选)
$(".check").removeAttr("checked"); //既然上面用了prop这地方只能用removeAttr,注意大小写格式
});
$("#btn3").click(function(){ (奇数选)
$(".check").each(function(){
this.checked=false;
})
$(".check:even").each(function(){
this.checked=true;
})
});
$("#btn4").click(function(){ (偶数选)
$(".check").each(function(){
this.checked=false;
})
$(".check:odd").each(function(){
this.checked=true;
})
})
</script>
以上是关于jQuery前端的全选 全不选 奇数组 偶数组 的多选按钮功能的主要内容,如果未能解决你的问题,请参考以下文章