Question

如何通过js实现勾选复选框

<div data-sm-checkbox="" class="checkbox-button-container">

<input id="700864023_8039620202" name="700864023[]" type="checkbox" class="checkbox-button-input" value="8039620202">
<label class="answer-label checkbox-button-label clearfix" for="700864023_8039620202">
<span class="checkbox-button-display"></span>
<span class="checkbox-button-label-text question-body-font-theme user-generated">
Julia Cortes

</span>
</label>
</div>
上面是复选框的代码，在chrome的工程工具使用了document.getElementById('700864023_8039620202').checked = true;并返回true但是页面上依然没有被勾选。怎么办?

Answer 1

js勾选复选框示例i：

//获取页面所有checkbox（checkbox的name设置一致）
var items=document.getElementByName("checkbox的name");
//遍历checkbox
for(var i=0;i<items.length;i++){
    //当前checkbox实现勾选
    items[i].checked=true;
}

Answer 2

document.getElementById('700864023_8039620202').checked = 'checked';

追问

返回checked，不过为什么页面上没有显示打勾？是不是不一定要打勾？

追答

chrome的工程工具使用过程中，是不是指在debug的时候，你直接写进代码看看

document.getElementById('700864023_8039620202').checked = true

追问

嗯，我是在chrome工程工具中使用，我开启了个选项统计工具，发现就算页面上没打勾也能算进去！感谢

Answer 3

看看，是这个效果么