如何快速的找出包含在<div>中的多个"checkbox","button"等对象，对其修改或进行个数统计

：<input name="cdF1" type="checkbox" value="ON">
<div id="jid">
  <img src="img/sd1.gif">sd1 <input name="cdF1" type="checkbox" value="ON"> <img src="img/sd2.gif">sd1 
  <input name="cG2" type="checkbox" value="ON"> <img src="img/sd3.gif">sd1 <input name="GH3" type="checkbox" value="ON"> 
  ....................... <img src="img/sd1000.gif">sd1 <input name="cDd1000" type="checkbox" value="ON"> 
  ....................................
</div>
<input type="button" value="修改DIV中的CheckBox的属性" onclick="chgChk()"> 
<script> 
function chgChk(){ 
chk=jid.all.tags("INPUT"); 
if (chk.length>0){ 
for (i=0;i<chk.length;i++){ 
chk[i].checked=true 
} 
} 
} 
</script>

解决方案 »

  1.   

    give them a same id but different name, for example
    <input id="xx" name="a" ...>
    <input id="xx" name="b" ...>
    <input id="xx" name="c" ...>then work on
    jid.all("xx")
      

  2.   

    <input name="cdF1" type="checkbox" value="ON">
    <div id="jid">
      <img src="img/sd1.gif">sd1 <input name="cdF1" type="checkbox" value="ON"> <img src="img/sd2.gif">sd1 
      <input name="cG2" type="checkbox" value="ON"> <img src="img/sd3.gif">sd1 <input name="GH3" type="checkbox" value="ON"> 
      ....................... <img src="img/sd1000.gif">sd1 <input name="cDd1000" type="checkbox" value="ON"> 
      <input name=xy>
      ....................................
    </div>
    <input type="button" value="修改DIV中的CheckBox的属性" onclick="chgChk()"> 
    <script> 
    var bCheck=false;
    function chgChk(){ 
    bCheck=!bCheck;
    var nCheck=0;
    chk=jid.all.tags("INPUT"); 
    if (chk.length>0){ 
    for (i=0;i<chk.length;i++){ 
    chk[i].checked=bCheck;
    if(chk[i].type=="checkbox")nCheck++;
    } 
    alert("div jid中共有"+nCheck+"个checkbox：）");
    } 
    } 
    </script>