Question

我正在尝试使用Jquery设置引导单选按钮：

setTimeout(function () {
    $("input[value='female']").prop('checked', true);
}, 1000);

不幸的是，当我删除data-toggle =“buttons”时，它似乎才有效。请看一下jsfiddle。它适用于第二行单选按钮，但不适用于第一行。知道如何让它在第一行工作吗？

jsfiddle

Answer 1

试试这个：

setTimeout(function () {
    $(".btn.btn-default:nth-child(1)").find("input").prop('checked', true).end().addClass("active");
}, 1000);

<强> DEMO

Answer 2

您可以通过向包含相应单选按钮的标签添加active类来手动覆盖切换效果。

JS CODE：

setTimeout(function () {
 $("input[value='female']").prop('checked', true);
 $("input[type='radio']").parent().removeClass('active');
 $("input[value='female']").parent().addClass('active');
}, 1000);

现场演示：RESTSERVER

Bootstrap https://jsfiddle.net/dreamweiver/DTcHh/9185/已经提到了这个技巧。

来自Bootstrap： 视觉检查状态仅在点击时更新如果更新复选框按钮的选中状态而不触发按钮上的单击事件（例如，通过或通过设置输入的checked属性），则需要在输入标签上自行切换.active类的

快乐编码：）

Answer 3

首先删除数据切换然后更改复选框然后重新添加？

setTimeout(function () {
      $("input[value='female']").removeAttr('data-toggle');
      $("input[value='female']").prop('checked', true);
      $("input[value='female']").attr('data-toggle', true);
 }, 1000);

设置单选按钮boostrap

3 个答案: