如何获取页面中所有的checkbox

用getElementsByTagName就可以了，如下：

<div id="tt">

<form method="POST" action="">

在这个DIV里共有<span id="t"></span>个checkbox

<input type="checkbox" name="C1" value="ON" checked>

<input type="checkbox" name="C2" value="ON" checked>

<input type="checkbox" name="C3" value="ON" checked>

<input type="checkbox" name="C4" value="ON" checked>

<input type="checkbox" name="C5" value="ON" checked>

<input type="checkbox" name="C6" value="ON" checked>

<input type="checkbox" name="C7" value="ON" checked>

<input type="checkbox" name="C8" value="ON" checked>

</form>

<script language="javascript">

var getCK=document.getElementsByTagName('input');

var j=0;

for(var i=0;i<getCK.length;i++)

{

whichObj=getCK[i];

if(whichObj.type=="checkbox")

{

whichObj.checked=false;

j++;

}

}

document.getElementById('t').innerText=j;

</script>

</div>

Top

3 楼brothercat（猫猫 ^_^）回复于 2006-04-07 20:23:00 得分 5

要加按钮的话就这样写：

<div id="tt">

<form method="POST" action="">

如何获取页面中所有的checkbox在这个DIV里共有<span id="t">几</span>个checkbox

<input type="checkbox" name="C1" value="ON" checked>

<input type="checkbox" name="C2" value="ON" checked>

<input type="checkbox" name="C3" value="ON" checked>

<input type="checkbox" name="C4" value="ON" checked>

<input type="checkbox" name="C5" value="ON" checked>

<input type="checkbox" name="C6" value="ON" checked>

<input type="checkbox" name="C7" value="ON" checked>

<input type="checkbox" name="C8" value="ON" checked>

<input type="button" value="reset" onclick="changeStates()">

</form>

<script language="javascript">

function changeStates()

{

var getCK=document.getElementsByTagName('input');

var j=0;

for(var i=0;i<getCK.length;i++)

{

whichObj=getCK[i];

if(whichObj.type=="checkbox")

{

whichObj.checked=false;

j++;

}

}

document.getElementById('t').innerText=j;

}

</script>

</div>

Top

4 楼chouchy（城市刀客）回复于 2006-04-07 20:36:01 得分 15

用getElementsByTagName("INPUT")获得div里面的所有checkbox,循环设置checked=false就可以了。

楼上的方法没有判断该checkbox是否在div中。

<div id="myDiv" style="border:1px solid #F00">

<input type="checkbox" name="c1">

<input type="checkbox" name="c2">

<input type="checkbox" name="c3">

<input type="checkbox" name="c4">

</div>

<input type="checkbox" name="c5" checked="checked">这个在div外

<input type="button" value="取消选择" onclick="unCheck()">

<script language="javascript">

function unCheck()

{

var div=document.getElementById("myDiv");

var ckb=document.getElementsByTagName("INPUT");

for(i=0;i<ckb.length;i++)

{

if(ckb[i].type=="checkbox" && ckb[i].parentNode==div)

ckb[i].checked=false;

}

}

</script>

Top

5 楼wizfly（）回复于 2006-04-10 11:53:16 得分 0

谢谢两位的回复。很精典。多谢指点。