javascript - 单选按钮选择不在 UI 中刷新

Question

第一次 radio 选择有效，但如果我第二次选择 radio ，则它不会显示为选中状态。属性 checked=checked 在 html 中显示但在 UI 中不反射(reflect)。

它能反射(reflect)出这个有什么解决办法。这是应用属性的脚本代码。”

  $('#' + myradioid+ ' input:radio').attr("checked", "checked")

这是我的html

<ul id="Ulist" class="Ulist1">
    <h2 class="QuestionTxt">First question </h2>
    <li id="117184normal" class="statusDefaultAns">
        <a id="117184" href="#" onclick="Select(117184);">
            <h2>
                <input quiz-option="multiple-radio" id="Radio1" type="radio" name="quiz-radio" res="117184">
                <label style="cursor: pointer" for="117184">true</label>

            </h2>
        </a>

    </li>
    <li id="117185normal" class="statusDefaultAns"><a id="117185" href="#" onclick="Select(117185);">
        <h2>
            <input quiz-option="multiple-radio" id="Radio2" type="radio" name="quiz-radio" res="117185">
            <label style="cursor: pointer" for="117185">false</label>

        </h2>
    </a>

    </li>
    <li id="117352normal" class="statusDefaultAns">
        <a id="117352" href="#" onclick="Select(117352);">
            <h2>
                <input quiz-option="multiple-radio" id="Radio3" type="radio" name="quiz-radio" res="117352">
                <label style="cursor: pointer" for="117352">ws</label>

            </h2>
        </a>

    </li>
</ul>

请提供一个解决方案，让radio选择可以在ui中刷新。

谢谢达尔维尔

Answer 1

尝试使用 .prop 而不是 attr:

$('#' + myradioid+ ' input:radio').prop("checked", true)

更好的是，尝试在标签而不是行上使用 onclick 方法。选择自己选择的东西可能会导致无限循环，这可以解释你的问题。试试这个代码:

window.Select = function(id) {
    $('#' + id + 'normal input[type="radio"]').click();
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul id="Ulist" class="Ulist1">
<h2 class="QuestionTxt">First question </h2>    
<li id="117184normal" class="statusDefaultAns"><a id="117184" href="#"><h2>
    <input quiz-option="multiple-radio" id="Radio1" type="radio" name="quiz-radio" res="117184" />
     <label style="cursor:pointer" for="117184" onclick="Select(117184);">true</label></h2></a></li>
<li id="117185normal" class="statusDefaultAns"><a id="117185" href="#"><h2>
    <input quiz-option="multiple-radio" id="Radio2" type="radio" name="quiz-radio" res="117185" />
     <label style="cursor:pointer" for="117185" onclick="Select(117185);">false</label></h2></a></li>
<li id="117352normal" class="statusDefaultAns"><a id="117352" href="#"><h2>
    <input quiz-option="multiple-radio" id="Radio3" type="radio" name="quiz-radio" res="117352" />
     <label style="cursor:pointer" for="117352" onclick="Select(117352);">ws</label></h2></a></li>
</ul>