1.將以下代碼復制到html的body中
<body>
羽毛球<input type="checkbox" name="checkBox">
乒乓球<input type="checkbox" name="checkBox">
足球<input type="checkbox" name="checkBox">
籃球<input type="checkbox" name="checkBox">
全選<input type="checkbox" name="checkBoxAll" id="checkBoxAll" onclick="checkAll()">
</body>
2.將下面js腳本添加到head標簽里面
<script>
function checkAll(){
//這里獲取一個數組集合
var items=document.getElementsByName("checkBox");
for(var i=0;i<items.length;i++){
items[i].checked=document.getElementById("checkBoxAll").checked;
}
}
</script>
最后總結：需要注意的一點是，需要將要實現全選的復選框name屬性定義一樣，其實總的來說還是挺簡單的，如果大家還有什么好的其他的實現方法，可以發出來一起討論討論。