JS代码如何实现复选框全选?
JS代码如何实现复选框全选?
【实例代码】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”(不选)。
答:如果只在客户端进行,建议使用javascrpt脚本; 如果还需要返回服务器,可以使用findcontrol(id)对gridview该列中的checkbox进行...详情>>
答:详情>>