Question

我一直在努力使用jquery设置引导单选按钮几个小时。

任何人都可以帮我看看我做错了什么，下面是一个显示我的代码的小提琴。

<div class="btn-group" data-toggle="buttons">
  <label class="btn btn-xs btn-default active">
    <input type="radio" name="xx" value="">
    <span class="glyphicon glyphicon-unchecked"></span>
  </label>
  <label class="btn btn-xs btn-default">
    <input type="radio" name="xx" value="is">
    <span class="glyphicon glyphicon-ok"></span>
  </label>
  <label class="btn btn-xs btn-default">
    <input type="radio" name="xx" value="not">
    <span class="glyphicon glyphicon-remove"></span>
  </label>
</div>


jQuery(function($) {
  $('input:radio[name="xx"][value="is"]').prop("checked", true);
});

Answer 1

试试这个：

jQuery(function($) {
  $('input:radio[name="xx"][value="is"]').click();
});

Answer 2

您的代码正在更改要“检查”的输入值，但引导程序视觉效果实际上并未显示此输入。要使这些视觉效果与输入的实际值相匹配，还必须将active状态添加到<label>。

实现此目的的一种方法是改为使用点击事件。

$('input').click();

另一个是使用：

$('#your-button').button('toggle');

这将按照引导文档中的建议切换按钮的活动状态。您可以阅读有关此内容的更多信息以及引导程序中的按钮如何工作here。

jquery更改引导单选按钮

2 个答案: