单击链接时执行单选按钮单击

Question

我有一组单选按钮，单击链接后，我想执行组中的单选按钮之一...在本例中为 Id="IndividualPD" 的那个。

这是单选按钮的 html

<div class="btn-group" id="performanceRadioBtns" data-toggle="buttons" style="margin-     top: 20px; float: right">
   <label class="btn btn-primary active">
        <input type="radio" name="options" id="PDStatus">
        PD Status
   </label>
   <label class="btn btn-primary">
        <input type="radio" name="options" id="PDRating">
        PD Rating
   </label>
   <label class="btn btn-primary">
     <input type="radio" name="options" id="IndividualPD">
     Individual PD
   </label>
</div>

这是我尝试过的jquery。

$("#performanceRadioBtns").find("#IndividualPD").find("input[name='options']").trigger("change");

但不激活按钮。

也许有助于如何在单击链接时"触发"此按钮

Answer 1

如果要选中单选按钮，则需要使用prop("checked", true)

以及将您的选择器更改为：

$("#performanceRadioBtns").find("#IndividualPD").prop("checked", true);

因为#IndividualPD已经是input元素