全選反選不選
阿新 • • 發佈:2021-09-07
<buttonid="qx">全選</button>
<buttonid="fx">反選</button>
<buttonid="bx">不選</button>
<inputtype="checkbox"name=""id="">鴻星爾克
<inputtype="checkbox"name=""id="">阿迪達斯
<inputtype="checkbox"name=""id="">耐克
<inputtype="checkbox"name=""id="">李寧
<inputtype="checkbox"name=""id="">喬丹
<script> varqx=document.getElementById('qx') varfx=document.getElementById('fx') varbx=document.getElementById('bx') varinputs=document.getElementsByTagName('input') //全選 qx.onclick=function(){ for(vari=0;i<inputs.length;i++){ inputs[i].checked=true } } //反選 fx.onclick=function(){ for(vari=0;i<inputs.length;i++){ //if(inputs[i].checked){ //inputs[i].checked=false //}else{ //inputs[i].checked=true //} //直接取反 inputs[i].checked=!inputs[i].checked } } //不選 bx.onclick=function(){ for(vari=0;i<inputs.length;i++){ inputs[i].checked=false } } </script>
<script> varqx=document.getElementById('qx') varfx=document.getElementById('fx') varbx=document.getElementById('bx') varinputs=document.getElementsByTagName('input') //全選 qx.onclick=function(){ for(vari=0;i<inputs.length;i++){ inputs[i].checked=true } } //反選 fx.onclick=function(){ for(vari=0;i<inputs.length;i++){ //if(inputs[i].checked){ //inputs[i].checked=false //}else{ //inputs[i].checked=true //} //直接取反 inputs[i].checked=!inputs[i].checked } } //不選 bx.onclick=function(){ for(vari=0;i<inputs.length;i++){ inputs[i].checked=false } } </script>