`
alan3258
  • 浏览: 68981 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

复选框全选、全不选和反选的效果实现

    博客分类：
  • js
J#CC++C#HTML 
阅读更多 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页复选框全选、全不选和反选的效果实现</title>

<SCRIPT LANGUAGE="JavaScript">
//<!-- Begin
///全选
function checkAll() {
for (var j = 1; j <= 2; j++) 
{
var a="c"+j;
box = document.getElementsByName(a);
if(!box[0].checked)
{
	 box[0].checked = true;   
}
}
}

///全不选
function uncheckAll() {
for (var j = 1; j <= 2; j++) {
var a="c"+j;
box = document.getElementsByName(a);
 box[0].checked = false;  
}
}

///反选
function switchAll() {
for (var j = 1; j <= 2; j++) 
{
var a="c"+j;
box = document.getElementsByName(a);
 box[0].checked = !box[0].checked;   
}
}

//  End -->
</script>


</head>

<body>

<form name=checkboxform>

<input type=checkbox name=C1 checked>C1<br>

<input type=checkbox name=C2 checked>C2<br>



<br><input type=button value="全部选中" onClick="checkAll()">

<br><input type=button value="全部不选" onClick="uncheckAll()">

<br><input type=button value="选择转换" onClick="switchAll()">

<br>

</form>

</body>

</html>
分享到：
| 左边select内容选择到右边select内容里面的 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics