javascript 全選和全不選效果
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function checkAll() {
var getInput = document.getElementById("checkAll");
var check = document.getElementsByName("eee");
for(var i = 0; i < check.length; i++) {
check[i].checked =getInput.checked;
}
}
</script>
</head>
<body>
<input type="checkbox" id="checkAll" οnclick="checkAll()"/>全選/全不選<br />
<input type="checkbox" name="eee" value="一年級" />一年級<br />
<input type="checkbox" name="eee" value="二年級" />二年級<br />
<input type="checkbox" name="eee" value="三年級" />三年級<br />
<input type="checkbox" name="eee" value="四年級" />四年級<br />
<input type="checkbox" name="eee" value="五年級" />五年級
</body>
</html>
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章