錯誤與HTML複選框值檢索

-1

<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;

來源

2016-01-28 user3079275

什麼的'.bC'應該選擇？ – j08691

[我怎樣才能使用querySelector來按名稱選擇輸入元素？]（http://stackoverflow.com/questions/15148659/how-can-i-use-queryselector-on-to-pick-an -input-element-by-name） –

.是類選擇器。 []是用於名稱選擇器。您可以嘗試兩種：

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

或

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

來源

2016-01-28 21:29:35

''''用於選擇任何屬性，而不僅僅是名稱。 – j08691

看到我更新的答案@ j08691 –

bC是name屬性值，所以它應該是：

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

來源

2016-01-28 21:31:00

該元素具有名稱設置爲BC，不一個名爲的類。因此，無論是類添加到HTML（如果是打算），或使用這個js：

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

來源

2016-01-28 21:32:06

錯誤與HTML複選框值檢索

回答

相關問題