百科知识

电脑/网络

JS代码如何实现复选框全选？

2018-10-27 20:39:14时***
JS代码如何实现复选框全选？JS代码如何实现复选框全选？：【实例代码】html xmlns=http://www.w3.org/1999/xhtml headtitle全选/titlesc?

最佳回答

  •   【实例代码】html xmlns=http://www。w3。org/1999/xhtml headtitle全选/titlescript type=text/javascript function SelectAll() { oEl = event。
      srcElement; //获取当前单击的元素 for(i = 0;i document。all。length; i++) { // 遍历所有的checkbox if(document。all(i)。id。indexOf(Checkbox) != -1) { if(oEl。
      checked) //如果选择了全选 document。all(i)。checked = true; //全选 else document。all(i)。checked = false; //全不选 } } }/script/headbodyinput id=Checkbox1 type=checkbox value=a /label 争取举办奥运会的城市/labelbr /input id=Checkbox2 type=checkbox value=b/label 举办过奥运会的城市/labelbr /input id=Checkbox3 type=checkboxvalue=c /label 成功举办奥运会的城市/labelbr /input id=Checkbox4 type=checkbox value=d /label 亚洲举办过奥运会的城市/labelbr / input id=Checkbox5 type=checkbox onclick=SelectAll()/全选或全不选/body/html【运行效果】【难点剖析】本例的重点是如何获取页面中所有的“checkbox”。
      此处使用的是方法是遍历页面中所有的元素，然后判断元素的id中是否包含“checkbox”字符串，如果包含则说明此元素是复选框。最后设置复选框的“checked”属性值为“true”(选中)或“false”(不选)。
    2018-10-27 20:55:14
    • 很赞哦！ (200)

    相关文章