正文
正选反选JS
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
JS
<script>
window.onload=function(){
var oTher=document.getElementById('other');
var oCheck=document.getElementById('all');
var oNo=document.getElementById('uncheck');
var oDiv=document.getElementById('box');
var aCheck=oDiv.getElementsByTagName('input');
oCheck.onclick=function(){
for(i=0;i<aCheck.length;i++){
aCheck[i].checked=true;
};
};
oNo.onclick=function(){
for(i=0;i<aCheck.length;i++){
aCheck[i].checked=false;
};
};
oTher.onclick=function(){
for(i=0;i<aCheck.length;i++){
if(aCheck[i].checked==true){
aCheck[i].checked=false;
}
else{
aCheck[i].checked=true
} };
};
};
</script>
body
<body>
你感兴趣的课程：<br/>
<input type="button" id="other" value="反选" />
<input type="button" id="all" value="全选" />
<input type="button" id="uncheck" value="不选" /><br />
<div id="box">
<input type="checkbox" checked="checked"/>〇。PhotoShop <br />
<input type="checkbox" checked="checked"/>①。(X)HTML+CSS<br />
<input type="checkbox" checked="checked"/>②。JavaScript<br />
<input type="checkbox" checked="checked"/>③。Jquery <br />
<input type="checkbox" />④。HTML5+CSS3.0<br />
<input type="checkbox" />⑤。SEO<br />
<input type="checkbox" />⑥。Linux<br />
<input type="checkbox" />⑦。PHP/JAVA<br />
<input type="checkbox" />⑧。数据库<br />
<input type="checkbox" />⑨。Node.js<br />
</div>
</body>
