您的位置:首页 > 其它

全选及全不选

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  checkbox