<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>demo3.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
请选择您的兴趣爱好<br>
<input type='checkbox' id='yncheck'>全选/全不选</br>
<input type="checkbox" name='hobby'>足球
<input type="checkbox" name='hobby'>篮球
<input type="checkbox" name='hobby'>桌球
<input type="checkbox" name='hobby'>乒乓球
<input type="checkbox" name='hobby'>羽毛球<br>
<input id='allbutton' type='button' value='全选'>
<input id='nobutton' type='button' value='全不选'>
<input type='button' value='反选' id='unbutton'></br>
<script language='JavaScript'>
var allbutton = document.getElementById('allbutton');
var nobutton = document.getElementById('nobutton');
var hobby = document.getElementsByName('hobby');
var yncheck =document.getElementById("yncheck")
var unbutton =document.getElementById("unbutton")
allbutton.onclick= function(){
for(var x=0;x<hobby.length;x++){
//下面代码 不兼容火狐
//hobby[x].setAttribute('checked','checked');
hobby[x].checked='checked';
}
};
var nobutton = document.getElementById('nobutton');
nobutton.onclick = function(){
for(var x=0;x<hobby.length;x++){
// hobby[x].setAttribute('checked',null);
hobby[x].checked=null;
}
}
yncheck.onclick=function(){
// if(!yncheck.getAttribute('checked')){
if(!this.checked){
for(var x=0;x<hobby.length;x++){
// hobby[x].setAttribute('checked',null);
hobby[x].checked=null;
}
}else{
for(var x=0;x<hobby.length;x++){
// hobby[x].setAttribute('checked','checked');
hobby[x].checked='checked';
}
}
}
unbutton.onclick=function(){
for(var x=0;x<hobby.length;x++){
// if(hobby[x].getAttribute('checked')){
if(hobby[x].checked){
// hobby[x].setAttribute('checked',null);
hobby[x].checked=null;
}else{
// hobby[x].setAttribute('checked','checked');
hobby[x].checked='checked';
}
}
}
</script>
</body>
</html>
分享到：
相关推荐
兼容IE和Firefox版本的JS反选、全选、多选框 ...实现兼容 IE 和 Firefox 版本的反选、全选、多选框需要我们使用通用的 JavaScript 代码，避免使用浏览器特有的函数或变量，并且需要考虑到不同的浏览器版本。
1.动态创建表格 2.兼容IE和FireFox 3.具有间隔色 4.具有鼠标进过高亮显示功能 5.具有编辑和删除功能,每行附带有编辑和删除按钮 6.具有全选，全清和反选功能
修复Firefox下的padding导致的错位问题 修复thead复制没有底部分割线的问题 修复thead复制时无背景色的问题 增加复选框同步功能（如果是JS代码设置复选框选中，需要调用 .setCheckBoxSync()方法） ....
最近在工作中使用jquery操作checkbox，使用下面方法进行全选、反选： 代码如下: var ischecked=allCheckObj.is(‘:checked’); ischecked?checksObj.attr(‘checked’,true):checksObj.attr(‘checked’,false); ...
基于JQuery EasyUI开发的权限管理系统源码 ...4.兼容 IE/Firefox /Google Chrome 这些浏览器都测试过 5.批量删除,自定义复选框样式，可以全选/反选 6.角色分级，集团和分公司的关系。 该源码比较适合二次开发。
7.兼容 IE6，7,8,9 /Firefox /Google Chrome 这些浏览器都测试过 8.批量删除,自定义复选框样式，可以全选/反选 9.角色分级，集团和分公司的关系 10.权限 横向就是业务部分，具体负责哪块业务，纵向是级别 11.动态...
16.兼容 IE6，7,8,9 /Firefox /Google Chrome 这些浏览器都测试过 17.批量删除,自定义复选框样式，可以全选/反选 18.角色分级，集团和分公司的关系 19.权限 横向就是业务部分，具体负责哪块业务，纵向是级别 特点...
7.兼容 IE6，7,8,9 /Firefox /Google Chrome 这些浏览器都测试过 8.批量删除,自定义复选框样式，可以全选/反选 9.角色分级，集团和分公司的关系 10.权限 横向就是业务部分，具体负责哪块业务，纵向是级别 11.动态...
7.兼容 IE6，7,8,9 /Firefox /Google Chrome 这些浏览器都测试过 8.批量删除,自定义复选框样式，可以全选/反选 9.角色分级，集团和分公司的关系 10.权限 横向就是业务部分，具体负责哪块业务，纵向是级别 11.动态...