<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>復(fù)選</title>
<style>
input{
display:?block;
}
</style>
<script>
window.onload?=?function?()?{
var?btns?=?document.getElementsByTagName('button');
var?check?=?document.getElementById('check');
var?checks?=?check.getElementsByTagName('input');
btns[0].onclick?=?function?()?{
for?(var?i?=?0;?i?<?checks.length;?i++)?{
checks[i].checked?=?true;
}
}
btns[1].onclick?=?function?()?{
for?(var?i?=?0;?i?<?checks.length;?i++)?{
checks[i].checked?=?false;
}
btns[2].onclick?=?function?()?{
for?(var?i?=?0;?i?<?checks.length;?i++)?{
if?(checks[i].checked?==?true)?
{
checks[i].checked?=?false;
}
else{
checks[i].checked?=?true;
}
}
}
}
}
</script>
</head>
<body>
<button>全選</button>
<button>不選</button>
<button>反選</button>
<div?id="check">
<input?type="checkbox"?name=""?id="">
<input?type="checkbox"?name=""?id="">
<input?type="checkbox"?name=""?id="">
<input?type="checkbox"?name=""?id="">
<input?type="checkbox"?name=""?id="">
<input?type="checkbox"?name=""?id="">
<input?type="checkbox"?name=""?id="">
<input?type="checkbox"?name=""?id="">
<input?type="checkbox"?name=""?id="">
<input?type="checkbox"?name=""?id="">
<input?type="checkbox"?name=""?id="">
<input?type="checkbox"?name=""?id="">
<input?type="checkbox"?name=""?id="">
<input?type="checkbox"?name=""?id="">
<input?type="checkbox"?name=""?id="">
<input?type="checkbox"?name=""?id="">
</div>
</body>
</html>剛執(zhí)行程序反選沒(méi)反應(yīng),點(diǎn)過(guò)全選不選后才會(huì)有反應(yīng)是怎么回事>
全選,不選和反選.
自由的氣息
2017-05-07 12:14:34
