javascript如何实现复选框全选和取消全选的功能?

javascript如何实现复选框全选和取消全选的功能?能给我个例子吗?

第1个回答  2010-01-14
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" />
鸟语
第2个回答  推荐于2016-12-06
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="反选">本回答被提问者采纳
第3个回答  2010-01-14
<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>

参考资料:http://www.jb51.net/article/12548.htm

js全选和全不选效果?
javascript全选按钮如何实现第二次点击,全部不选1、CheckBox复选框JS实现全选全不选功能,很简单,就只需插入一小段js函数就行了。。2、首先web项目结构如图所示,这个结构熟悉的话可以自己调整的。然后设置一些较为简单的选项框,这里随便用abcd来代替选项框了。这里是jq来实现全选,所以引入jQuery,并且...

javascript如何实现复选框全选和取消全选的功能?
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;} } } 全选 中文 英语 法语 日语 德语 葡萄牙...

怎么用JavaScript实现复选框的全部选择和全部取消
思路:获取复选框对象→循环设置ckecked属性值(true表示选中,false表示未选中)。关键代码:obj.checked = true | false;实例演示如下:1、HTML结构 item-1item-2item-3item-4item-52、javascript

JSP列表中复选框批量选择功能实现
1、 实现的方法往往就是在每条记录前面加一个复选框,然后在列表下方放置一个“全选\/ 全不选”复选框。2、 当选中“全选\/全不选”复选框后,列表中的所有复选框都选中,当取消“全选\/全不选”复选框后,列表中的所有复选框都取消选中。3、 当列表中的复选框都取消选中后,“全选\/全不选”...

js中如何实现多个复选框全选
CheckBox复选框JS实现全选全不选功能,很简单,就只需插入一小段js函数就行了。。。 function cli(Obj) { \/\/获取控制其它复选框的对象obj var collid = document.getElementByIdx_x("all") \/\/获取需要全选,全不选功能的所有复选框 var coll = document.getElementsByName(Obj) \/\/...

js实现checkbox全选、不选与反选的方法
一、思路:1.获取元素 2.给全选 不选 反选添加点击事件 3.用for循环checkbox 4.把checkbox的checked设置为true即实现全选 5.把checkbox的checked设置为false即实现不选 6.通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设为true选中...

如何控制复选框的全选和取消全选
1、为全选框定义一个id,例如:全选2、为其他复选框定义相同的name,例如:爱好:唱歌 跳舞 玩游戏 吃美食 睡觉3、编写jQuery代码,在全选框点击时,让复选框的选中属性与全选框的选中属性保持一致即可

求教,怎么实现当checkbox的复选框全部选中时,全选框自动选中
CheckBox复选框JS实现全选全不选功能,很简单,就只需插入一小段js函数就行了。。。 function cli(Obj){ \/\/获取控制其它复选框的对象obj var collid = document.getElementByIdx_x("all")\/\/获取需要全选,全不选功能的所有复选框 var coll = document.getElementsByName(Obj)\/\/如果obj被选中,...

如何使用js选择和取消列表里的复选框
\/\/导入包 \/\/全选反选 ("#chkAll").click(function(){ if($(this).prop("checked")){ ("input[type='checkbox']").prop("checked",true);("#chkAll").html("");} else { ("input[type='checkbox']").prop("checked",false);("#chkAll").html("");} } )

复选框的效果实现
解决思路:全选的实现:遍历所有复选框,然后设置各多选项的checked属性为true。反选的实现:遍历所有复选框,获取复选框的checked属性值,是true的话则设置为false,否则设为true,即作当前值的相反设置。具体步骤:代码示例:function selectit(){\/\/设置变量form的值为name等于select的表单var form=docu...

相似回答