JQuery 获取组内无线电输入的属性

Question

这是我的 PHP 生成动态表单输入的代码

echo '<div class="radio" id="'.$questionID.'">';
foreach ($options as $key => $opt_value) { 
$option_text = $opt_value->option_text;
$question_id = $opt_value->question_id;
$is_correct = $opt_value->is_correct;
$option_id = $opt_value->id;
 echo '<label>
<input type="radio" class="optionChecked" name="optionCheck'.$questionID.'" id="'.$option_id.'" value="'.$option_id.'" data-id="'.$option_id.'" data-title="optionCheck'.$questionID.'"><p>
'.$option_text.'</p>
</label>';  
}
echo '</div>';

我正在 div 中生成单选按钮。每个 div 一个问题和无线电输入是它的可变选项。

JQuery获取每个问题的数据：

function fetchAttempt(){
     var jsonArr = [];
     $('.radio').each(function() {
    var selected_option =  -1;      
    var is_skipped = 1;
    var correct_option = 0;
    var quesId = $(this).attr('id');
     var quesOptns = "optionCheck"+quesId;
    $('.'+questOptns).each(function() {
        if(($(this).val()) == 1){
            correct_option = $(this).attr("id");
        }else{
            correct_option = -1;
        }
         });
jsonArr.push({
            correct_option: correct_option,
            is_skipped: is_skipped,
            correct_option: is_right,
            selected_option: selected_option,
            temp_id: temp_id,
            question_id: quesId
        });
    });
    return JSON.stringify(jsonArr);
}

我折腾了5个多小时……还是无法获取群内checked radio值

我尝试了所有可能的方法...通过名称获取 div 中选中的无线电的值...但它从未奏效。

Answer 1

I don't have your $options variable, so I created my own questions form to simulate your situation.

到select一个radio button我们只需要使用这个jQuery$("input[type=radio]:checked")然后我们必须使用函数[=17=检查所有这些选中的单选按钮].

以下是您应该执行的操作的完整示例：

$("#submit").on("click",function(){

$("input[type=radio]:checked").each(function(){
console.log($(this).val());
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="radio" id="form1">
<label>Question 1
<input type="radio" class="optionChecked" name="name1" id="'id1" value="value1" data-id="option1" data-title="question1"></label><br>

<label>Question 2
<input type="radio" class="optionChecked" name="name2" id="'id2" value="value2" data-id="option2" data-title="question2"></label><br>

<label>Question 3
<input type="radio" class="optionChecked" name="name3" id="'id3" value="value3" data-id="option3" data-title="question3"></label><br>

<label>Question 4
<input type="radio" class="optionChecked" name="name4" id="'id4" value="value4" data-id="option4" data-title="question4"></label><br>

<label>Question 5
<input type="radio" class="optionChecked" name="name5" id="'id5" value="value5" data-id="option5" data-title="question5"></label><br>

<button type="button" id="submit"> Submit</button>
</div>

JQuery 获取组内无线电输入的属性

JQuery get attributes of radio input inside a group

php

jquery

radio-group