すべてのチェックボックスとラジオボタンを見つける

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>

しかし、あなたは、チェックボックスに別のセレクタを持っている場合ラジオ、 「入力.some_class：チェックする」 `

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>