全选复选框和取消所有复选框 jquery全选复选框 js全选复选框
2013-05-17 12:27
671 查看
1.功能:
a:实现点击复选框的时候全选所有的子复选框,再点击取消所有复选框的选中状态
b:有一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中
以上实现全选及全部取消 所有子复选框,至于数据的实现则在控制器里接收到复选框的数组即可
以上实现 一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中
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("所有子复选框都未选中!"); } }); };
以上实现 一个子复选框选中则父复选框选中 所有子复选框都不选中则父复选框不选中
相关文章推荐
- jquery实现点击复选框,勾选所有复选框,再次点击取消全选
- 使用js实现复选框的全选、取消功能
- js--复选框--全选、反选、取消
- JS如何实现对name是数组的复选框的全选和反选以及取消选择
- js实现复选框的全选和取消全选效果
- 选中表格中相应行的复选框,点击下面的“删除”按钮可以删除相应的行,选中下面的"全选"复选框,则所有行的复选框全部选中,取消则全部取消。 鼠标移动到封面上在旁边显示大图,鼠标移开,大图消失
- js全选,全选以后,如果选中其中一个,全选效果取消,如果复选框全部选中,全选按钮自动也被选中
- Jquery 复选框全选,反选,取消
- bootstrap-datepicker时间插件和chosen.jquery下拉模糊搜索和bootbox.min弹出框以及jquery.tips提示框和js的全选与取消的使用
- jquery实现复选框checkbox全选,取消全选
- jQuery 复选框全选/取消全选/反选
- (jQuery版)js:CheckBoxList全选,取消
- Jquery练手 DEMO 全选 取消 反选 复选框 的实现
- 通过JS,全选当前页面所有的复选框
- jquery实现复选框checkbox全选,取消全选
- vue.js实现复选框全选和全取消的功能
- js 复选框全选与jquery 复选框全选代码
- jquery实现复选框checkbox全选,取消全选
- jquery 复选框全选/全不选切换 普通DOM元素点击选中/取消选中切换
- js实现多个复选框的全选与取消