当前位置: 代码迷 >> JavaScript >> js 复选框解决方案
  详细解决方案

js 复选框解决方案

热度:167   发布时间:2013-01-21 10:15:38.0
js 复选框
如下图:当点击id为cAll的复选框时,实现全选和全取消的功能
 

请问用JS怎么写?
JavaScript

------解决方案--------------------

var chBoxs=document.getElementsByName("c"),
    cAll=document.getElementById("cAll");
cAll.onclick=function(){
  for(var i=0;i<cBoxs.length;i++) cBoxs[i].checked=this.checked
}

------解决方案--------------------
取消选中也可以,看了下原来打错变量名 cBoxs==》chBoxs

var chBoxs=document.getElementsByName("c"),
    cAll=document.getElementById("cAll");
cAll.onclick=function(){
  for(var i=0;i<chBoxs.length;i++) chBoxs[i].checked=this.checked
}
  相关解决方案