...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>購物車的全選 全不選 反選</h1>
<ul>
<li><input type="checkbox" name="" id="">小艷艷</li>
<li><input type="checkbox" name="" id="">小艷艷</li>
<li><input type="checkbox" name="" id="">小艷艷</li>
<li><input type="checkbox" name="" id="">小艷艷</li>
<li><input type="checkbox" name="" id="">小艷艷</li>
<li><input type="checkbox" name="" id="">小艷艷</li>
<li><input type="checkbox" name="" id="">小艷艷</li>
<li><input type="checkbox" name="" id="">小艷艷</li>
<li><input type="checkbox" name="" id="">小艷艷</li>
<li><input type="checkbox" name="" id="">小艷艷</li>
<li><input type="checkbox" name="" id="">小艷艷</li>
<li><input type="checkbox" name="" id="">小艷艷</li>
</ul>
<button id='qx'>全選</button>
<button id="no">全不選</button>
<button id='fx'>反選</button>
<!-- 提供思路 1.獲取所有input的集合减宣。 2遍歷 3.改變input框中checked的值（true | false） -->
</body>
<script>
window.onload=function(){
var qx1=document.getElementById('qx');
var no1=document.getElementById('no');
var fx1=document.getElementById('fx');
var oInput=document.getElementsByTagName('input');
qx1.onclick=function(){
for (var i = 0; i < oInput.length; i++) {
oInput[i].checked=true;
}
}
no1.onclick=function(){
for (var i = 0; i < oInput.length; i++) {
oInput[i].checked=false;
}
}
fx1.onclick=function(){
for (var i = 0; i < oInput.length; i++) {
if(oInput[i].checked){
oInput[i].checked=false;
}else{
oInput[i].checked=true;
}
}
}
}
</script>
</html>
...
