jQuery --checkbox全选和取消全选简洁高效的解决办法
2020-12-13 14:27
标签:style blog color 问题 html cti 最近在公司做了一个小项目,其中有一个全选和取消全选的这么一个模块,搞了半天找不到一种最佳的解决方案!后来通过各种努力找到了一种简洁高效的解决办法,这里想和大家分享一下。有问题的话,还望各路大神指导一二。 html代码如下: jquery代码如下: jQuery --checkbox全选和取消全选简洁高效的解决办法,搜素材,soscw.com jQuery --checkbox全选和取消全选简洁高效的解决办法 标签:style blog color 问题 html cti 原文地址:http://www.cnblogs.com/qifan/p/3793963.htmlfunction selectAll(){
if ($("#select_all").prop("checked")) {
$("input[name=‘box‘]").prop("checked", true).checkboxradio("refresh");
} else {
$("input[name=‘box‘]").prop("checked", false).checkboxradio("refresh");
}
}
/*如果子项全被选中或者某一个子项被取消,全选项相应的勾选或者全选相应取消勾选*/
function select(){
if ($("#select_all").prop("checked")){
$("input[name=‘box‘]").each(function(){
if(this.checked == false)
{
$("input[name=‘boxes‘]").prop("checked", false).checkboxradio("refresh");
}
});
}
else{
var n = 0;
$("input[name=‘box‘]").each(function(){
if(this.checked == false){
n++;
}
});
if(!n){
$("input[name=‘boxes‘]").prop("checked", true).checkboxradio("refresh");
}
}
}
下一篇:Java 银联云闪付对接记录
文章标题:jQuery --checkbox全选和取消全选简洁高效的解决办法
文章链接:http://soscw.com/essay/34118.html