checkbox全选按钮的控制
2017-06-23 11:18
274 查看
简易代码:
js控制选择框的代码:
这样,就可以保证在选中“全选”框的时候,将所有的checkbox都选中。当取消选择一个“checkbox”的时候,“全选”框也将被取消。
<?php foreach($shop_list as $key=>$value): ?> //单选框 <input class="check" checked="checked" type="checkbox" /> <label for="sdsdsdaasdfa"></label> <?php endforeach; ?> //全选框 <input class="check-all check" checked="checked" tyoe="checkbox" /> <label for="sefafafasfasdf"></label>
js控制选择框的代码:
//全选效果 $(".check-all").click(function() { if($(".check-all").attr("checked")) { $(".check").attr("checked", true); } else { $(".check").removeAttr("checked"); } }); //取消一个checkbox就取消全选 $(".check").click(function() { if(!$(this).attr("checked")) { $(".check-all").removeAttr("checked"); } });
这样,就可以保证在选中“全选”框的时候,将所有的checkbox都选中。当取消选择一个“checkbox”的时候,“全选”框也将被取消。
相关文章推荐
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- html,javaScript中怎么控制复选框checkbox的全选,全不选,以及全选中,全选按钮选中,其中一个或者多个没选,则全选按钮不被选中
- 给DataGrid加CheckBox列并在表头添加全选、全选按钮、置零按钮
- JQuery - 设置复选按钮checkbox全选/反选
- js控制input checkbox 全选
- 实现全选和取消全选(JavaScript控制CheckBox 的全选与取消全选)
- js控制Gridview中的checkbox全选(转)
- DataGrid 的 全选/取消全选 控制(input CheckBox)
- JQuery全选,单选控制CheckBox,控制隐藏
- DataGrid 的 全选/取消全选 控制(CheckBox)
- JavaScript控制checkbox全选,以及获取checkbox文本
- 怎样通过一个按钮的单击来全选checkbox和取消全选checkbox
- js控制gridview 中的checkbox 全选
- 在DataGrid中添加checkbox,并用按钮实现同时全选动作
- js一键控制checkBox正反选以及随着变化取消全选状态
- jquery 对checkbox的控制(全选,反选)
- JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 所有选择全选被选择
- js控制Gridview中的checkbox全选(转)
- js控制checkbox的全选/全不选
- jquery控制动态生成的gridview中多列checkbox的全选反选及自动判断是否全选状态