<html>
<head>
<script type="text/javascript">
function checkEvent(name,allCheckId)
{
var allCk=document.getElementById(allCheckId);
if(allCk.checked==true)
checkAll(name);
else
checkAllNo(name);
}
//全选
function checkAll(name)
{
var names=document.getElementsByName(name);
var len=names.length;
if(len>0)
{
var i=0;
for(i=0;i<len;i++)
names[i].checked=true;
}
}
//全不选
function checkAllNo(name)
{
var names=document.getElementsByName(name);
var len=names.length;
if(len>0)
{
var i=0;
for(i=0;i<len;i++)
names[i].checked=false;
}
}
//反选
function reserveCheck(name)
{
var names=document.getElementsByName(name);
var len=names.length;
if(len>0)
{
var i=0;
for(i=0;i<len;i++)
{
if(names[i].checked)
names[i].checked=false;
else
names[i].checked=true;
}
}
}
</script>
</head>
<body>
<input type="checkbox" id="ckall" onclick="checkEvent('ckcontact','ckall')" />全选
<input type="checkbox" id="ckReserve" onclick="reserveCheck('ckcontact','ckReserve')" />反选
<br />
<input type="checkbox" name="ckcontact" value="1" />篮球
<br />
<input type="checkbox" name="ckcontact" value="2" />旅游
<br />
<input type="checkbox" name="ckcontact" value="3" />读书
<br />
<input type="checkbox" name="ckcontact" value="4" />美食
<br />
<input type="checkbox" name="ckcontact" value="5" />睡觉
</body>
</html>
分享到：
相关推荐
Javascript实现全选反选 Javascript绑定事件
<script language=javascript> function checkAll(boolvalue){ var items=document.getElementsByTagName("input"); for(i=0;i;i++){ if(items[i].type=="checkbox"){ items[i].checked=boolvalue; } } } ...
jQuery表格行全选反选单选代码，例子采用bootstrap格式，可以选择自定义。
JS JS实现全选反选 全选 反选
JS简单表格列表全选反选代码.zip
javaScript入门案例之复选框全选，全不选，反选
简单的JAVASCRIPT全选/反选，比较实用
jQuery实现全选反选操作案例 本文实例为大家分享了jQuery实现全选反选操作的具体代码，供大家参考，具体内容如下 全选+反选 可根据控制台结合查看结果 <!DOCTYPE html> <html lang="en"> <head> ...
通过checkbox，用javascript实现全选与反选，通过servlet对数据库进行批量的删除
复选框的应用（全选、反选、全不选效果）
很好用的使用jquery来实现的通用的全选反选功能
主要为大家详细介绍了javaScript实现复选框全选反选事件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本文实例为大家分享了JavaScript实现表单全选或反选的具体代码，供大家参考，具体内容如下 表单中常常会用到checkbox复选框，通过复选框做出的列表全选或全不选的效果也是很常见的，比如购物车的商品列表，所以本...
javascript 实现复选框全选/取消功能
通过checkbox，用javascript实现全选与反选，通过servlet对数据库进行批量的删除,asp源码
Javascript编程，实现对HTML页上的选择控件进行全选与反选操作以及button属性修改。
博文链接：https://fuhao9611.iteye.com/blog/72218
在最近的java学习中，写了一些小例子，都是一些常用知识，上传希望大家下载，共同学习。
排他思想，换皮肤，隔行变色，全选反选，自定义属性操作，tab栏切换，附带代码