提示:您可以先修改部分代碼再運行
<p><meta charset="utf-8" /><style type="text/css">input {float:left;}</style></p><script type="text/javascript">window.onload=function (){var oAll=document.getElementById('all');var oNo=document.getElementById('no');var oContrary=document.getElementById('contrary');var oDiv=document.getElementById('div1');var aIpt=oDiv.getElementsByTagName('input');oAll.onclick=function (){for(var i=0;i<aIpt.length;i++){aIpt[i].checked=true;}};oNo.onclick=function (){for(var i=0;i<aIpt.length;i++){aIpt[i].checked=false;}};oContrary.onclick=function (){for(var i=0;i<aIpt.length;i++){if(aIpt[i].checked==false){aIpt[i].checked=true;}else{aIpt[i].checked=false;}}};};</script><div id="demo_main"><!-- 這裡放作品 --><div id="div1"><input id="all" type="button" value="全選" /> <input id="no" type="button" value="不選" /> <input id="contrary" type="button" value="反選" /> <input type="checkbox" value="on" /> <input type="checkbox" value="on" /> <input type="checkbox" value="on" /> <input type="checkbox" value="on" /> <input type="checkbox" value="on" /> <input type="checkbox" value="on" /> <input type="checkbox" value="on" /> <input type="checkbox" value="on" /></div></div></td> </tr></table>
提示:您可以先修改部分代碼再運行