核心提示：多选数组及循环代码实例textarea readonly=readonly class=HTML!doctype htmlhtmlheadmeta charset=utf-8title无标题文档/ti...
多选数组及循环代码实例
<textarea readonly="readonly" class="HTML">
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
window.onload = function()
{
var in1 = document.getElementById("inp1");
var in2 = document.getElementById("inp2");
var in3 = document.getElementById("inp3");
var di1 = document.getElementById("p1");
var di = di1.getElementsByTagName("input");
in1.onclick = function()
{
for(var i=0; i<di.length; i++)
{
di[i].checked = true;
}
}
in2.onclick = function()
{
for(var i=0; i<di.length; i++)
{
di[i].checked = false;
}
}
in3.onclick = function()
{
for(var i=0; i<di.length; i++)
{
if(di[i].checked == true)
{
di[i].checked = false;
}
else
{
di[i].checked = true;
}
}
}
}
</script>
</head>
<body>
<input type="button" id="inp1" value="全选" />
<input type="button" id="inp2" value="不选" />
<input type="button" id="inp3" value="反选" />
<p id="p1">
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
</p>
</body>
</html>
</textarea>
行间样式style拥有最高的优先级。
