Question

我在我的网站中有一个场景，用户可以选择从是或否通过提供的单选按钮选择一个。在这里我有一个持久性逻辑，它保存输入单选按钮的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但没有运气。我的点击不突出显示单选按钮有人可以帮我吗？

Answer 1

<强> JS：

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

<强> JQuery的：

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

.click（）无法使用单选按钮

1 个答案: