<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
window.onload=function(){
var a=document.getElementsByTagName('input');
var btn=document.getElementsByTagName('button');
function all(){
for(var i=0;i<a.length;i++){
a[i].checked=true;
}
}
function opppsite(){
for(var i=0;i<a.length;i++){
if (a[i].checked) {
a[i].checked=false;
}else{
a[i].checked=true;
}
}
}
function allNo(){
for(var i=0;i<a.length;i++){
a[i].checked=false;
}
}
btn[0].onclick=all;
btn[1].onclick=opppsite;
btn[2].onclick=allNo;
}
</script>
</head>
<body>
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="checkbox" name="">
<input type="checkbox" name="">
<br>
<button>全選</button>
<button>反選</button>
<button>全不選</button>
</body>
</html>
javascript基礎練習-全選,反選,全不選
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.