.click() 在单选按钮上不起作用

Posted 2023-03-14

【中文标题】.click() 在单选按钮上不起作用

【英文标题】：.click() is not working on the radio button

【发布时间】：2017-06-28 07:59:50

【问题描述】：

我的网站中有一个场景，用户可以通过提供的单选按钮从是或否中选择一个。在这个我有一个持久性逻辑，它保存输入单选按钮的 ID 和已检查的值。

在重新加载页面时，我必须选中他选择的单选按钮。 我正在使用：

document.getElementById($scope.preservedData.userData[i].id).click();

UserData[i].id 保存单选按钮的 ID。

<div class="radios col-xs-6">
    <input type='radio' id="yesforques$resultsList.index" name='question$resultsList.index' ng-click="macinitialquestions($event,value,$resultsList.index)">
    <label for="yesforques$resultsList.index">
        <span class="tkh-icons RadioBG">&nbsp;</span>
        <b> Yes </b>
    </label>
</div>
<div class="radios no col-xs-6">
    <input type='radio' id="noforques$resultsList.index" name='question$resultsList.index'  ng-click="macinitialquestionsRevert($resultsList.index)">
    <label for="noforques$resultsList.index">
        <span class="tkh-icons RadioBG">&nbsp;</span>
        <b> No </b>
    </label>
</div>

我已经尝试过提供的解决方案，例如将cursor : pointer 输入但没有运气。我的点击没有突出显示单选按钮有人可以帮助我吗？

【参考方案1】：

JS：

document.getElementById($scope.preservedData.userData[i].id).checked = true;

JQuery：

$($scope.preservedData.userData[i].id).prop("checked", true);

【讨论】：

在 jQuery 语句中添加 # 到 id