javascript - 使用 jquery 获取单选按钮组的值

Question

我有一个 php 循环代码来生成单选按钮组

<?php
for($i=1; $i<=10; $i++)
{
?>           
<div class="radio">
    <label>
        <input name="ans_<?php echo $i?>" value="option2" type="radio">
        The smallest resistance
    </label>
</div>
<div class="radio">
    <label>
        <input name="ans_<?php echo $i?>" value="option2" type="radio">
        The largest resistance
    </label>
</div>
<div class="radio">
    <label>
        <input name="ans_<?php echo $i?>" value="option2" type="radio">
        They have the same power loss.
    </label>
</div>
<div class="radio">
    <label>
        <input name="ans_<?php echo $i?>" value="option2" type="radio">
        Voltage and resistance values are needed.
    </label>
</div>
<?php
}
?>
<button id="q_next" type="button" class="btn btn-warning pull-right savebtn" name="1">Save and Next</button>

当我们单击此按钮时，名称属性值增加 1

我正在使用这个名称属性来制作单选按钮的名称。

现在我希望 jquery 获取单击按钮时生成的每个组的选定单选的值？？？

我试过这个，但它不工作

$('#q_next').click(function() { 
  $quesid=parseInt($(this).attr('name')); 
  $ans=$("input:[name='ans_'"+$quesid+"]").val(); 
});

Answer 1

尝试这样的事情

var radio_groups = {};
$(":radio").each(function(){
    radio_groups[this.name] = true;
})

for(group in radio_groups){
    var selected = $(":radio[name="+group+"]:checked")
    if (selected.length > 0)
        alert('GROUP : '+ group + ',VALUE : '+ selected.val());
}

Answer 2

使用jquery......过去下面的代码

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
     $('#q_next').click(function(e){
        $("input:radio:checked").each(function() {
            alert(this.value);
        })   
    });
});
</script>