查找所有選中的複選框和單選按鈕

Question

我想查找所有選中的複選框和單選按鈕。雖然我可以這樣做：

var abc = document.querySelectorAll(".some_class input[type='checkbox']:checked"); 

如何其實我覺得兩個複選框，單選按鈕一次？純JavaScript。

Answer 1

如前評論，

「.some_class輸入：檢查」

樣品：

function notify(){ 
 
    var els = document.querySelectorAll('input:checked'); 
 
    for(var i = 0; i< els.length; i++){ 
 
    console.log(els[i].type, els[i].value) 
 
    } 
 
}

<input type="checkbox" value="1">1 
 
<input type="checkbox" value="2">2 
 
<input type="checkbox" value="3">3 
 
<input type="checkbox" value="4">4 
 
<input type="checkbox" value="5">5 
 

 
<br/> 
 

 
<input type="radio" name="test" value="1">1 
 
<input type="radio" name="test" value="2">2 
 
<input type="radio" name="test"value="3">3 
 
<input type="radio" name="test" value="4">4 
 
<input type="radio" name="test" value="5">5 
 

 
<button onclick="notify()"> Check </button>

但是，如果你有一個複選框不同的選擇和廣播，你可以試試這個：

function notify(){ 
 
    var els = document.querySelectorAll('.chks input[type="checkbox"]:checked, .rbs input[type="radio"]:checked'); 
 
    for(var i = 0; i< els.length; i++){ 
 
    console.log(els[i].type, els[i].value) 
 
    } 
 
}

<div class="chks"> 
 
<input type="checkbox" value="1">1 
 
<input type="checkbox" value="2">2 
 
<input type="checkbox" value="3">3 
 
<input type="checkbox" value="4">4 
 
<input type="checkbox" value="5">5 
 
</div> 
 

 
<div class="rbs"> 
 
<input type="radio" name="test" value="1">1 
 
<input type="radio" name="test" value="2">2 
 
<input type="radio" name="test"value="3">3 
 
<input type="radio" name="test" value="4">4 
 
<input type="radio" name="test" value="5">5 
 
</div> 
 
<button onclick="notify()"> Check </button>