jquery 复选框全选、取消全选、全选按钮在未全选状态不选
2018-01-03 15:07
423 查看
代码:
<input type="checkbox" name="chooseAll" onclick="checkAll()">全选 <input type="checkbox" name="chooseMe" value="1" onchange="notCheckAll();">1 <input type="checkbox" name="chooseMe" value="2" onchange="notCheckAll();">2 <input type="checkbox" name="chooseMe" value="3" checked="checked" onchange="notCheckAll();">3 4000 <input type="checkbox" name="chooseMe" value="4" onchange="notCheckAll();">4 <input type="checkbox" name="chooseMe" value="5" onchange="notCheckAll();">5 <script> function notCheckAll() { var allLen = $("input[name='chooseMe']").length; //获取全部复选框长度(除去全选的框) var len = $("input[name='chooseMe']:checked").length; //获取选中的框的长度 if (len < allLen) { //如果选取的长度小于所有长度 $("input[name='chooseAll']").attr("checked", false); //则全选框不选 } else { $("input[name='chooseAll']").attr("checked", true); //否则全选框选中 } console.log(allLen); } function checkAll(){ //全选 if($("input[name='chooseAll']").attr("checked")){ //如果点击全选框 $("input[name='chooseMe']").attr("checked", true); //所有框都选中 }else{ $("input[name='chooseMe']").attr("checked", false); //否则都不选 } } </script>
相关文章推荐
- jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例
- JQUERY复选框CHECKBOX全选,取消全选
- jquery 复选框 选中 取消 获取状态
- jquery实现复选框checkbox全选,取消全选
- 用jquery实现复选框全选按钮的操作
- jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
- Jquery CheckBox复选框 全选/取消全选 最佳实现方式 参考案例
- jquery 复选框(选中/取消)获取状态
- JQUERY复选框CHECKBOX全选,取消全选
- jquery 循环获取checkBox的值,以及对复选框选中,取消,操作按钮
- jquery复选框全选/取消示例
- jQuery复选框全选按钮checkbox
- js全选,全选以后,如果选中其中一个,全选效果取消,如果复选框全部选中,全选按钮自动也被选中
- jquery实现点击复选框,勾选所有复选框,再次点击取消全选
- 选中表格中相应行的复选框,点击下面的“删除”按钮可以删除相应的行,选中下面的"全选"复选框,则所有行的复选框全部选中,取消则全部取消。 鼠标移动到封面上在旁边显示大图,鼠标移开,大图消失
- jQuery 复选框全选/取消全选/反选
- Jquery实现的复选框全选与取消全选
- jquery 复选框全选/全不选切换 普通DOM元素点击选中/取消选中切换
- jquery 循环获取checkBox的值,以及对复选框选中,取消,操作按钮