从组中获取选定的单选按钮答案

【问题标题】：get selected radio button from group从组中获取选定的单选按钮
【发布时间】：2013-09-26 16:04:55
【问题描述】：

我试图以两种方式做到这一点，并且两次价值都是“”。如果选中，我需要获取单选按钮的值-“id”。

方式 1

 var selected = $("#step-1 input[type='radio']:checked");
                if (selected.length > 0) {
                    var answerIDQ1 = selected.val().id;
                }

                var selected = $("#step-2 input[type='radio']:checked");
                if (selected.length > 0) {
                    var answerIDQ2 = selected.val().id;

方式 2 }

                if ($("input[type='radio'].group1").is(':checked')) {
                    var answerIDQ1 = $("input[type='radio'].group1:checked").val().id;

                }

                if ($("input[type='radio'].group2").is(':checked')) {
                    var answerIDQ2 = $("input[type='radio'].group2:checked").val().id;

                }

HTML

<div id="step-1">
                <h2 class="StepTitle">
                    <label style="font-weight: bold; color: #662819;" id="frage1"></label>
                </h2>
                <br />

                <input type="radio" class="group1" name="group1" id="frage1antwort1" value="" onmousedown="this.__chk = this.checked" onclick="if (this.__chk) this.checked = false" />
                <label id="antwort1fuerFrage1"></label>
                <br />
                <br />
                <input type="radio"  class="group1" name="group1" id="frage1antwort2" value="" onmousedown="this.__chk = this.checked" onclick="if (this.__chk) this.checked = false" />
                <label id="antwort2fuerFrage1"></label>
                <br />
                <br />
                <input type="radio"  class="group1" name="group1" id="frage1antwort3" value="" onmousedown="this.__chk = this.checked" onclick="if (this.__chk) this.checked = false" />
                <label id="antwort3fuerFrage1"></label>
            </div>

            <div id="step-2">
                <h2 class="StepTitle">
                    <label style="font-weight: bold; color: #662819;" id="frage2"></label>
                </h2>
                <br />

                <input type="radio"  class="group2" name="group2" id="frage2antwort1" value="" onmousedown="this.__chk = this.checked" onclick="if (this.__chk) this.checked = false" />
                <label id="antwort1fuerFrage2"></label>
                <br />
                <br />
                <input type="radio"  class="group2" name="group2" id="frage2antwort2" value="" onmousedown="this.__chk = this.checked" onclick="if (this.__chk) this.checked = false" />
                <label id="antwort2fuerFrage2"></label>
                <br />
                <br />
                <input type="radio"  class="group2" name="group2" id="frage2antwort3" value="" onmousedown="this.__chk = this.checked" onclick="if (this.__chk) this.checked = false" />
                <label id="antwort3fuerFrage2"></label>
            </div>

【问题讨论】：

标签： javascript jquery button radio

【解决方案1】：

如果需要选中属性的id，请使用.attr()

var answerIDQ1 = selected.attr('id'); // or selected[0].id

selected.val().id 尝试获取所选电台的value 的id 属性

【讨论】：