全选及全不选
2015-12-05 13:33
429 查看
<span style="font-size:18px;"><span style="color:#FF0000;"><span style="color:#000000;"><strong>**注意加红色的代码加个checkbox代表有前面的小框框**</strong></span></span></span><pre name="code" class="html"><input type="button" name="select" onclick="checkAll('test')" value="全选"/> <input type="button" name="select" onclick="clearAll('test')" value="全不选"/> <tr> <span style="color:#FF0000;"><td><input type="checkbox" name="test" /></td></span> <td>林林</td> <td>13001010888</td> <td>丽丽</td> <td>有意向</td> <td>545</td> <td><a href="#"><button>修改</button></a> <a href="#"><button>删除</button></a> </tr> <tr> <span style="color:#FF0000;"><td><input type="checkbox" name="test" /></td></span> <td>林林</td> <td>13001010888</td> <td>丽丽</td> <td>有意向</td> <td>545</td> <td><a href="#"><button>修改</button></a> <a href="#"><button>删除</button></a> </tr>**
<script type="text/javascript"> function checkAll(name) { var el = document.getElementsByTagName('input'); var len = el.length; for (var i = 0; i < len; i++) { if ((el[i].type == "checkbox") && (el[i].name == name)) { el[i].checked = true; } } } function clearAll(name) { var el = document.getElementsByTagName('input'); var len = el.length; for (var i = 0; i < len; i++) { if ((el[i].type == "checkbox") && (el[i].name == name)) { el[i].checked = false; } } } </script>
相关文章推荐
- jQuery根据ID获取input、checkbox、radio、select的示例
- jquery实现的代替传统checkbox样式插件
- C#获取动态生成的CheckBox值
- Android控件之CheckBox、RadioButton用法实例分析
- asp.net动态产生checkbox(数据源为DB或内存集合)
- asp.net gridview中用checkbox全选的几种实现的区别
- asp.net treeview checkbox 相关问题
- IE中checkbox在刷新后初始化的问题
- javascript中checkbox使用方法简单实例演示
- 浅谈checkbox的一些操作(实战经验)
- asp.C#实现图片文件与base64string编码解码
- javascript中checkbox使用方法实例演示
- 多个datatable共存造成多个表格的checkbox都被选中
- javascript使用shift+click实现选择和反选checkbox的方法
- JS选中checkbox后获取table内一行TD所有数据的方法
- 用Javascript读取CheckBox数组的值的代码(兼容IE与firefox)
- javascript获取checkbox复选框获取选中的选项
- 关于树形菜单 Checkbox的全选
- 利用JavaScript更改input中radio和checkbox样式
- 原生js操作checkbox用document.getElementById实现