javascript如何实现复选框全选和取消全选的功能？
3个回答
展开全部
function AllChecked(obj,parm){
var check = document.getElementsByName(parm);
for(var i=0;i<check.length;i++){
if(obj.checked){
check[i].checked=true;
}
else{
check[i].checked=false;
}
}
}
<input type="checkbox" id="lang" onclick="AllChecked(this,'langage')"/>全选
<input type="checkbox" name="langage" />中文
<input type="checkbox" name="langage" />英语
<input type="checkbox" name="langage" />
法语
<input type="checkbox" name="langage" />
日语
<input type="checkbox" name="langage" />
德语
<input type="checkbox" name="langage" />
葡萄牙语
<input type="checkbox" name="langage" />
鸟语
var check = document.getElementsByName(parm);
for(var i=0;i<check.length;i++){
if(obj.checked){
check[i].checked=true;
}
else{
check[i].checked=false;
}
}
}
<input type="checkbox" id="lang" onclick="AllChecked(this,'langage')"/>全选
<input type="checkbox" name="langage" />中文
<input type="checkbox" name="langage" />英语
<input type="checkbox" name="langage" />
法语
<input type="checkbox" name="langage" />
日语
<input type="checkbox" name="langage" />
德语
<input type="checkbox" name="langage" />
葡萄牙语
<input type="checkbox" name="langage" />
鸟语
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
var SELECTNONE = 0;
var SELECTALL = 1;
var SELECTREVERSE = 2;
function doSelectItem(type){
var f=document.getElementById('form1');
// alert(f["cid[]"]);
var cids = [];
var nodelist = f["cid[]"]; // cid[]为checkbox的name属性
if(type == SELECTREVERSE) {
for(var i=0; i < nodelist.length; i++ ) {
nodelist[i].checked = !nodelist[i].checked;
}
} else {
var value = (type == SELECTALL) ? true : false;
for(var i=0; i < nodelist.length; i++ ) {
nodelist[i].checked = value;
}
}
}
<input type="button" onclick="javascript: doSelectItem(SELECTALL); " value="全选">
<input type="button" onclick="javascript: doSelectItem(SELECTNONE);" value="清空">
<input type="button" onclick="javascript: doSelectItem(SELECTREVERSE);" value="反选">
var SELECTALL = 1;
var SELECTREVERSE = 2;
function doSelectItem(type){
var f=document.getElementById('form1');
// alert(f["cid[]"]);
var cids = [];
var nodelist = f["cid[]"]; // cid[]为checkbox的name属性
if(type == SELECTREVERSE) {
for(var i=0; i < nodelist.length; i++ ) {
nodelist[i].checked = !nodelist[i].checked;
}
} else {
var value = (type == SELECTALL) ? true : false;
for(var i=0; i < nodelist.length; i++ ) {
nodelist[i].checked = value;
}
}
}
<input type="button" onclick="javascript: doSelectItem(SELECTALL); " value="全选">
<input type="button" onclick="javascript: doSelectItem(SELECTNONE);" value="清空">
<input type="button" onclick="javascript: doSelectItem(SELECTREVERSE);" value="反选">
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<script language="javascript">
function selectIt(action){
var testform=document.getElementById("bdkey");
for(var i=0 ;i<testform.elements.length;i++){
if(testform.elements[i].type=="checkbox"){
e=testform.elements[i];
e.checked=(action=="selectAll")?1:(!e.checked);
}
}
}
</script>
</head>
<body>
<form name="bdkey" id="bdkey">
<p class="STYLE1">
全 选
<input type="checkbox" name="selectAll" value="checkbox" onClick="selectIt('selectAll')">
反 选
<input type="checkbox" name="invest" value="checkbox" onClick="selectIt()">
Item1
<input type="checkbox" name="checkbox" value="checkbox">
Item2
<input type="checkbox" name="checkbox" value="checkbox">
Item3
<input type="checkbox" name="checkbox" value="checkbox">
Item4
<input type="checkbox" name="checkbox" value="checkbox">
Item5
<input type="checkbox" name="checkbox" value="checkbox">
</form>
</body>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<script language="javascript">
function selectIt(action){
var testform=document.getElementById("bdkey");
for(var i=0 ;i<testform.elements.length;i++){
if(testform.elements[i].type=="checkbox"){
e=testform.elements[i];
e.checked=(action=="selectAll")?1:(!e.checked);
}
}
}
</script>
</head>
<body>
<form name="bdkey" id="bdkey">
<p class="STYLE1">
全 选
<input type="checkbox" name="selectAll" value="checkbox" onClick="selectIt('selectAll')">
反 选
<input type="checkbox" name="invest" value="checkbox" onClick="selectIt()">
Item1
<input type="checkbox" name="checkbox" value="checkbox">
Item2
<input type="checkbox" name="checkbox" value="checkbox">
Item3
<input type="checkbox" name="checkbox" value="checkbox">
Item4
<input type="checkbox" name="checkbox" value="checkbox">
Item5
<input type="checkbox" name="checkbox" value="checkbox">
</form>
</body>
参考资料： http://www.jb51.net/article/12548.htm
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
