[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>
沒有留言:
張貼留言