时间:2021-05-26
功能:
a:实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态
b:有一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中
复制代码 代码如下:
/**
* 全选函数
* @param mainId 主复选框id
* @param klass 下属复选框的class
*/
function selectAll(mainId,klass){
$("." + klass).each(function(){
if($("#" + mainId).attr("checked")== "checked"){
$(this).attr("checked", "checked");
}
else{
$(this).removeAttr("checked");
}
});
}
以上实现全选及全部取消 所有子复选框,至于数据的实现则在控制器里接收到复选框的数组即可
复制代码 代码如下:
/**
* 子复选框有一个选中 父复选框就选中 <br>子复选框全不选 父复选框不选中
* @param father 父复选框的id
* @param son 子复选框的class
*/
function checkSonCheckBox(father,son){
$("."+son).click(function(){
if($(this).attr("checked")== "checked"){
$(this).addClass("checked");
}else{
$(this).removeClass("checked");
}
if($("."+son).hasClass("checked")){
$("#"+father).attr("checked","checked");
//console.log("至少有一个子复选框选中!");
}else{
$("#"+father).removeAttr("checked");
//console.log("所有子复选框都未选中!");
}
});
};
以上实现 一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
对复选框组的全选、全不选、不全选,获取选中的复选框的值的操作1.点击全选按钮,复选框组全部选中或者全部取消。2.实现全选按钮和复选框组的联动,当复选框组中有一个
JS网页–全选和取消全选,供大家参考,具体内容如下表格,初始状态下复选框都是未选中状态,选中表头的复选框后,下面几个复选框变为选中状态,取消表头复选框选中状态后
本文实例为大家分享了jQuery实现简单全选框的具体代码,供大家参考,具体内容如下1.要求:(1)实现全选框勾选时其他复选框全部选中,全选框取消勾选时其他复选框
首先我们要实现的内容的需求有如下几点:1.在购物车页面中,当选中“全选”复选框时,所有商品前的复选框被选中,否则所有商品的复选框取消选中。2.当所有商品前的复选
本文实例讲述了jQuery实现复选框成对选择及对应取消的方法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:jQuery实现复选框成对选择,对应取消