JS 怎么控制 checkbox 选中

Question

<script>
window.onload = function(){
//获取id 为 check 的隐藏域的值（比如“2,5”）
//将name 为 about ，value为2和5的checkbox 设为选中 
}
</script>
以上代码怎么写？<input type="hidden" id="check" value="2"  />
<input type="hidden" id="check" value="5"  />
以上不固定，可多可少但id都为check
<input name="about" type="checkbox" value="1" />1
<input name="about" type="checkbox" value="2" />2
<input name="about" type="checkbox" value="3" />3
<input name="about" type="checkbox" value="4" />4
<input name="about" type="checkbox" value="5" />5

Answer 1

var list=document.getElementsByTagName("input");

for(var i=0;i<list.length;i++){
    if(list[i].id==="check"){
        alert(list[i].value);
    }
    if(list[i].name==="about"){
        list[i].checked=true;
    }
}
但不建议id重复使用

Answer 2

如果你的checkbox是有序的话可以试试这个
fm.about[i].checked = true
fm是表单name，i代表第几个about

Answer 3

ID重复就是一个不合理的写法，还不如用name了<input type="hidden" name="check" value="2"  />
<input type="hidden" name="check" value="3"  /><input name="about" type="checkbox" value="1" />1
<input name="about" type="checkbox" value="2" />2
<input name="about" type="checkbox" value="3" />3
<input name="about" type="checkbox" value="4" />4
<input name="about" type="checkbox" value="5" />5
<script>
    window.onload = function(){
        var values = new Array();
var valueFields = document.getElementsByName("check");
        if(valueFields && valueFields.length>0){
           for(var i=0;i<valueFields.length;i++){
       values.push(valueFields[i].value);
   }
        }
    
        var checkbox = document.getElementsByName("about");
        if(checkbox && checkbox.length>0){
        for(var m=0;m<checkbox.length;m++){
                for(var n=0;n<values.length;n++){
            if(checkbox[m].value == values[n]){
checkbox[m].checked = true;
        continue;
    }
        }
            }
}}
</script>

Answer 4

jquery
 $("input[name='about'][value='2']")[0].checked = true;
 $("input[name='about'][value='5']")[0].checked = true;