如何实现“选择所有” HTML中的复选框? [英] How to implement "select all" check box in HTML?
本文介绍了如何实现“选择所有” HTML中的复选框?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个包含多个复选框的HTML页面。
I have an HTML page with multiple checkboxes.
我需要一个select all的复选框。当我选择此复选框时,必须选中HTML页面中的所有复选框。如何做到这一点?
I need one more checkbox by the name "select all". When I select this checkbox all checkboxes in the HTML page must be selected. How can I do this?
推荐答案
<script language="JavaScript">
function toggle(source) {
checkboxes = document.getElementsByName('foo');
for each(var checkbox in checkboxes)
checkbox.checked = source.checked;
}
</script>
<input type="checkbox" onClick="toggle(this)" /> Toggle All<br/>
<input type="checkbox" name="foo" value="bar1"> Bar 1<br/>
<input type="checkbox" name="foo" value="bar2"> Bar 2<br/>
<input type="checkbox" name="foo" value="bar3"> Bar 3<br/>
<input type="checkbox" name="foo" value="bar4"> Bar 4<br/>
UPDATE:
对于每个...在构造似乎不工作,至少在这种情况下,在Safari 5或Chrome 5中。此代码应在所有浏览器中工作:
The for each...in construct doesn't seem to work, at least in this case, in Safari 5 or Chrome 5. This code should work in all browsers:
function toggle(source) {
checkboxes = document.getElementsByName('foo');
for(var i=0, n=checkboxes.length;i<n;i++) {
checkboxes[i].checked = source.checked;
}
}
这篇关于如何实现“选择所有” HTML中的复选框?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文