CheckBox 如何实现全选?
2006-06-23 00:00
417 查看
在一个表单中有很多CheckBox,请问如何实现选种一个而让所有的都选中?
---------------------------------------------------------------
function selectAll(checkBoxName){
var elms = document.getElementsByName(checkBoxName);
if (elms.length<1) return;
var allChecked = true;
for (var i=0;i<elms.length;i++)
if (elms[i].type=="checkbox")
allChecked &= elms[i].checked;
for (var i=0;i<elms.length;i++)
if (elms[i].type=="checkbox"){
elms[i].checked = !allChecked;
if (elms[i].onclick) elms[i].onclick();
}
}
---------------------------------------------------------------
<input type=checkbox name=m><input type=checkbox name=m><input type=checkbox name=m><input type=checkbox name=m>
<input type=checkbox name=m><input type=checkbox name=m><input type=checkbox name=m><input type=checkbox name=m>
全选<input type=checkbox value="Check All" onclick="mm(this)">
<script language=javascript>
function mm(o)
{
var a = document.getElementsByName("m");
for (var i=0; i<a.length; i++){
a[i].checked = o.checked;
}
}
</script>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<br>
全选:<input type=checkbox onclick=sel('chk')>
<script language="javascript">
function sel(a){
o=document.getElementsByName(a)
for(i=0;i<o.length;i++)
o[i].checked=event.srcElement.checked
}
</script>
---------------------------------------------------------------
function selectAll(checkBoxName){
var elms = document.getElementsByName(checkBoxName);
if (elms.length<1) return;
var allChecked = true;
for (var i=0;i<elms.length;i++)
if (elms[i].type=="checkbox")
allChecked &= elms[i].checked;
for (var i=0;i<elms.length;i++)
if (elms[i].type=="checkbox"){
elms[i].checked = !allChecked;
if (elms[i].onclick) elms[i].onclick();
}
}
---------------------------------------------------------------
<input type=checkbox name=m><input type=checkbox name=m><input type=checkbox name=m><input type=checkbox name=m>
<input type=checkbox name=m><input type=checkbox name=m><input type=checkbox name=m><input type=checkbox name=m>
全选<input type=checkbox value="Check All" onclick="mm(this)">
<script language=javascript>
function mm(o)
{
var a = document.getElementsByName("m");
for (var i=0; i<a.length; i++){
a[i].checked = o.checked;
}
}
</script>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<input type=checkbox name=chk>
<br>
全选:<input type=checkbox onclick=sel('chk')>
<script language="javascript">
function sel(a){
o=document.getElementsByName(a)
for(i=0;i<o.length;i++)
o[i].checked=event.srcElement.checked
}
</script>
相关文章推荐
- 如何实现checkbox的全选/取消
- 如何实现全选checkbox效果
- 关于css中树形的开闭以及复选框checkbox如何全选取消的实现
- android如何实现ListView中的CheckBox的全选、反选、全不选
- 如何实现listView中checkbox的全选与反选功能
- CheckBox 如何实现全选?
- GridView中如何实现CheckBox的全选?
- 使用masterpage的情况下如何使用js实现repeater控件里的checkbox全选
- 如何实现单击在DATALIST(DATAGRID)的HEADER加入的CHECKBOX,进行DATALIST(DATAGRID)中的CHECKBOX列全选或全不选
- android如何实现ListView中的CheckBox的全选、反选、全不选
- 如何用jquery实现checkbox的全选、反选、取消反选,以及如何得到选中的checkbox的值
- android如何实现ListView中的CheckBox的全选、反选、全不选
- JQuery实现下拉框的选择 与当CheckBox为服务器控件时如何获取值的操作,实现全选与删除
- JQuery实现下拉框的选择 与当CheckBox为服务器控件时如何获取值的操作,实现全选与删除
- DBGridEh中的CheckBox可以实现全选的效果吗?
- jQuery实现checkbox(复选框)选中、全选反选代码
- (转载)jquery实现全选、反选、获得所有选中的checkbox
- 通过jQuery遍历div里面的checkbox,实现全选的功能
- jQuery实现CheckBox全选、全不选
- jQuery实现Checkbox全选功能