jquery - jquery：如何选择嵌套的单选元素

Question

HTML 代码：

<div class="poll_all_chs" >
            {% for ch in poll_obj.get_choices %}
                <div class="poll_ch">
                    <span><input type="radio" id="radio_button" name="choice_id" value="{{ch.id}}">{{ch.choice}}</span>
                </div>
</div>

我想使用 jquery 来检查单选按钮的状态

if(radio_ele).is(':checked')) { 
                        bool =  true
                }

但是我如何访问单选按钮元素？

Answer 1

你可以做：

$(".poll_ch span :radio").each(function() {
    if (this.checked)
        console.log("Im checked!");
});

另外，重要的一点是，您将使用您提供的代码重复 ID。解决这个问题，到处都是坏消息。

Answer 2

if($('#radio_button').is(':checked')){
   //code here for checked 
}

使用下面的代码

ID 必须是唯一的。阅读具有相同 id 属性的两个 HTML 元素：它到底有多糟糕？

if($('input:radio[name="choice_id"]').is(':checked')){
   //code here for checked 
}

或者

$('input:radio[name="choice_id"]').each(function() {
    if (this.checked){
       //code here for checked 
    }
});

Answer 3

尝试这个

$(".poll_ch :radio").each(function() {
    if ($(this).prop('checked')==true)
        console.log("This radio checked");
});