Question

在我的HTML中我有：

<div id="case_filter" style="float: bottom">
   <input type="checkbox" name="bC" value="B C" checked> No B C<br>
   <input type="checkbox" name="fN" value="f NC" > No F NC<br>
   <input type="checkbox" name="rR" value="RR" > No RR<br>
</div>

我默认选中了第一个复选框。我想访问我的JS中的复选框的值。我在下面这样做，但它返回null（当我在console.log时）。

 var checkedValue = document.querySelector('.bC:checked').value;

Answer 1

.用于类选择器。 []用于名称选择器。您可以尝试：

var checkedValue = document.querySelector('[name="bC"]:checked').value;

或

<input type="checkbox" class="bC" value="B C" checked> No B C<br>

Answer 2

bC是name属性的值，因此它应该是：

document.querySelector('[name="bC"]:checked').value

Answer 3

该元素的名称设置为bC，而不是名为该类的类。所以要么将该类添加到html（如果是这样的话），要么使用这个js：

var checkedValue = document.querySelector('[name="bC"]:checked').value

html复选框值检索出错

3 个答案: