2009年7月9日 星期四

Check/uncheck multiple checkboxs by javascript (使用 javascript 一次選取/取消選取多個 checkboxs)

如何使用 javascript 一次選取/取消選取多個 checkboxs?
[HTML]
假設有一段 input type 為 checkbox 的 html
...
<input name="checkRow" type="checkbox"> Row 1
<input name="checkRow" type="checkbox"> Row 2
<input name="checkRow" type="checkbox"> Row 3
<input name="checkRow" type="checkbox"> Row 4
<input name="checkRow" type="checkbox"> Row 5
<input id="selectButton" value="SELECT ALL" type="button" onclick="selectAll();">
...

[JavaScript function]
再 HTML 中加入一個 javascript function
<script type="text/javascript">
function selectAll() {
var checks = document.getElementsByName('checkRow');
var len = checks.length;
var buttonText = document.getElementById('selectButton').value;
if (buttonText == 'SELECT ALL') {
for (i=0;i<len;i++) {
checks[i].checked=true;
}
document.getElementById('selectButton').value='UN-SELECT ALL';
} else {
for (i=0;i<len;i++) {
checks[i].checked=false;
}
document.getElementById('selectButton').value='SELECT ALL';
}
}
</script>

沒有留言: