各ラジオグループのチェックされたラジオボタンを取得

Question

このコードは、各ラジオグループのチェックされたラジオボタンにvalue属性の値を取得しようとします。それを働かせることはできません。おかげであなたは.radio-groupの子であるすべての確認入力を選択することができ$(".radio-group input:checked")を使用

let doc = {}; 
    $('.radio-group').each(function() { 
     doc.id = $(this).attr('_id'); 
     $(this).children.each(function() { 
     let validName = $($(this):checked).attr('value'); 
     doc.checkedName = validName; 
     } 
    }) 

<div class='radio-group' _id='abc'> 
    <label class='radio-item'> 
    <input class='radio-icon' value='value 1' name='g' type='radio'></input> 
    <span class='radio-label'>choose me </span> 
    </label> 
<label class='radio-item'> 
    <input class='radio-icon' value='value 2' name='g' type='radio'></input> 
    <span class='radio-label'>choose me </span> 
    </label> 
</div> 

Answer 1

。

$(".radio-group input").click(function(){ 
 
    var doc = []; 
 
    $(".radio-group input:checked").each(function(index) { 
 
     var id = $(this).closest(".radio-group").attr('_id'); 
 
     doc.push(id); 
 
    }); 
 
    console.log(doc); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="radio-group" _id="id1"> 
 
    <input type="radio" /> 
 
    <label>Item 1</label> 
 
</div> 
 
<div class="radio-group" _id="id2"> 
 
    <input type="radio" /> 
 
    <label>Item 2</label> 
 
</div> 
 
<div class="radio-group" _id="id3"> 
 
    <input type="radio" /> 
 
    <label>Item 3</label> 
 
</div> 
 
<div class="radio-group" _id="id4"> 
 
    <input type="radio" /> 
 
    <label>Item 4</label> 
 
</div>