实现复选框的全选和反选
<!--[endif]-->
//实现全选功能
function CheckAll(elements) {
for
(i = 0; i < elements.length; i++) { //通过for循环将全部复选框设置为选中状态
elements[i].checked
= true; //设置当前复选框为选中状态
}
}
//实现反选功能
function
CheckInverse(elements) {
for
(i = 0; i < elements.length; i++) { //通过for循环将遍历全部复选框
if
(elements[i].checked == true) { //判断当前复选框是否为选中状态
elements[i].checked
= false; //设置当前复选框为非选中状态
}
else {
elements[i].checked
= true; //设置当前复选框为选中状态
}
}
}
<form name="form1"
method="post" action="">
<table
width="300" border="1" cellspacing="0" cellpadding="0"
bordercolor="#000000"
bordercolordark="#666666"
bordercolorlight="#FFFFFF">
<tr>
<td
width="44" height="25" align="center">
<input
name="delId" type="checkbox" id="delId"
value="1">
</td>
<td
width="109">
明日科技
</td>
<td
width="147">
超级管理员
</td>
</tr>
<tr>
<td
height="25" align="center">
<input
name="delId" type="checkbox" id="delId"
value="2">
</td>
<td>
柠檬草
</td>
<td>
普通管理员
</td>
</tr>
<tr>
<td
height="25" align="center">
<input
name="delId" type="checkbox" id="delId"
value="3">
</td>
<td>
gk
</td>
<td>
普通会员
</td>
</tr>
<tr>
<td
height="25" align="center">
<input
name="delId" type="checkbox" id="delId"
value="4">
</td>
<td>
sk
</td>
<td>
普通会员
</td>
</tr>
</table>
<table
width="300" border="0" cellspacing="0" cellpadding="0">
<tr>
<td
width="100%" height="30" align="right">
[
<span><a
href="#" onClick="CheckAll(form1.delId)"
style="color:
#FF0000;">全选</a>/ <a href="#"
onClick="CheckInverse(form1.delId)"
style="color: #FF0000;">反选</a>
</span>]
</td>
</tr>
</table>
</form>
- 大小: 28 KB
分享到:
相关推荐
主要介绍了vue+vant-UI框架实现购物车的复选框全选和反选功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
jquery 、js实现复选框 (全选、反选)功能··
用Axure RP 8.0做的原型设计列子,作用是复选框做全选和非全选,已选的做反选。可以学习下反选或非反选的交互思路。
《锋利的jquery》利用jquery实现复选框的全选和反选
复选框的全选和反选复选框的全选和反选复选框的全选和反选
juqery实现复选框全选/反选demo源码,对应博客文章说明:http://blog.csdn.net/shellwin/archive/2010/07/21/5752366.aspx
实现table表格checkbox复选框的全选 反选.
主要为大家详细介绍了react实现复选框全选和反选组件效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
带复选框的多级目录树,复选框的选择控制子节点父节点 全选和反选 通过子节点控制父节点及以上父节点是否要选中
javascript 实现复选框全选/取消功能
jQuery实现复选框checkbox的全选与反选功能,不用多介绍了吧,以往都是基于纯js的实现比较多,这个是引入了jquery,或许更能满足现在的前端设计吧。
一些VS2008快捷键,JS复选框全选,反选..
js控制页面的全选、反选 与获取选中的复选框值
js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能 js实现全选和反选功能
复选框实现datagridview全选反选和全不选,datagridview换颜色(选中复选框之后)
复选框全选、全不选和反选的效果实现
spreadjs_列头添加复选框全选功能-demo
本文实例为大家分享了js复选框全选与反选实现代码,供大家参考,具体内容如下 <html> <head> <title>html+css+js实现复选框全选与反选</title> <meta ...