(在线等，答案正确立刻结贴给分)向各位提问，javascript怎么改变循环输出的checkbox的状态

Question

本帖最后由 lai3345678 于 2010-05-05 10:54:27 编辑

Answer 1

document.getElementById("checkboxID").checked=false

Answer 2

如果循环输出了多个checkbox呢，也是这样获取checkbox的ID吗？

Answer 3

这样的 document.getElementsByTagName()
其实如果你要一一对应，那么就需要你通过一种方式来关联其结果比如说img1 对应checkbox1

Answer 4

<input type="checkbox" class="test" />
<input type="checkbox" class="test" />
<input type="checkbox" class="test" />
<input type="checkbox" class="test" />
<script>
$(function(){
$(".test").each(function(){
$(this).attr("checked",true)
});
});
</script>当然也可以用js来循环

Answer 5

冒昧问一句 如果用jquery了，还需要像这样写吗

Answer 6

<script type="text/javascript">
function test()/*获得所有checkbox的id*/
{
var objInput=document.getElementsByTagName("input");
for(var i=0;i<objInput.length;i++)
{
if(objInput.item(i).type=="checkbox")
{
alert(objInput.item(i).id);
}
}
}function changeState(num)/*点击图片  改变相应状态，大体就是这个意思*/
{
if(document.getElementById("chb"+num).checked)
document.getElementById("chb"+num).checked=false;
}

} 
</script>
<input type="checkbox" id="chb1" checked="checked" onclick="test()" /><img src="" onclick="changeState(1)" />
<input type="checkbox" id="chb2" checked="checked" />
<input type="checkbox" id="chb3" checked="checked" />
<input type="checkbox" id="chb4" checked="checked" />

Answer 7

<input type="radio" name="radiobutton" id="r1" value="radiobutton" id="radiobutton" /><label style="cursor:pointer" for="r1"><img align="absmiddle" src="http://img.cool80.com/i/gif/25/mbi_031.gif"/>相当1</label> 
<input type="radio" name="radiobutton" id="r2" value="radiobutton" id="radiobutton" /><label style="cursor:pointer" for="r2"><img align="absmiddle" src="http://img.cool80.com/i/gif/25/mbi_038.gif"/>相当2</label> 
<input type="radio" name="radiobutton" id="r3" value="radiobutton" id="radiobutton" /><label style="cursor:pointer" for="r3"><img align="absmiddle" src="http://img.cool80.com/i/gif/25/mbi_036.gif"/>相当3</label> 

Answer 8

<input type="checkbox" name="radiobutton" id="r1" value="radiobutton" id="radiobutton" /><label style="cursor:pointer" for="r1"><img align="absmiddle" src="http://img.cool80.com/i/gif/25/mbi_031.gif"/>相当1</label> 
<input type="checkbox" name="radiobutton" id="r2" value="radiobutton" id="radiobutton" /><label style="cursor:pointer" for="r2"><img align="absmiddle" src="http://img.cool80.com/i/gif/25/mbi_038.gif"/>相当2</label> 
<input type="checkbox" name="radiobutton" id="r3" value="radiobutton" id="radiobutton" /><label style="cursor:pointer" for="r3"><img align="absmiddle" src="http://img.cool80.com/i/gif/25/mbi_036.gif"/>相当3</label> 

Answer 9

<input type=button value="Print" onclick="show();">
<script>
for(var i=0;i<5;i++){
var img=document.createElement("img");
var chk=document.createElement("input");
var br=document.createElement("br");
chk.type="checkbox";
chk.id="chk"+i; document.body.appendChild(br);
document.body.appendChild(img);
document.body.appendChild(chk);
chk.checked=true;
(function(){
var o=img;
var c=chk;
o.onclick=function(){
c.checked=!c.checked;
}
})();
}
function show(){
var rtn=[]
var chk=document.getElementsByTagName("input");
for(var i=0;i<chk.length;i++)
if(chk[i].type=="checkbox")rtn.push(chk[i].id);
alert(rtn);
}
</script>