爱问知识人 爱问教育 医院库

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

首页

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

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

提交回答

全部答案

    2018-10-27 20:55:14
  •   【实例代码】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”(不选)。

    m***

    2018-10-27 20:55:14

类似问题

换一换

相关推荐

正在加载...
最新问答 推荐信息 热门专题 热点推荐
  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200
  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200
  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200
  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200

热点检索

  • 1-20
  • 21-40
  • 41-60
  • 61-80
  • 81-100
  • 101-120
  • 121-140
  • 141-160
  • 161-180
  • 181-200
返回
顶部
帮助 意见
反馈

确定举报此问题

举报原因(必选):