Javascript 如何禁用引导单选按钮？

我想禁用选择引导单选按钮

<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary btn-set-or-raise">
    <input type="radio" name="options" id="option1" val="option1" >Radio 1 

</label>
<label class="btn btn-primary btn-set-or-raise">
    <input type="radio" name="options" id="option2" val="option2" >Radio 2
</label>
<label class="btn btn-primary">
    <input type="radio" name="options" id="option3" >Radio 3
</label>

但我仍然看到可以单击它，并且我作为选中的元素进行检索

---

请参见

您的代码工作正常。输入收音机上有禁用属性，但标签内仍有单击“在标签上工作”作为输入收音机

将禁用的属性也传递给标签

$（文档）.ready（函数（）{
$（“.btn组标签”）.attr（“禁用”，真）；
$（“.btn组：输入”）.attr（“已禁用”，true）；
});
函数checkSelected（）{
如果（$（“输入[名称=选项]：选中”）。长度>0）
log（“选择了一个！”）；
其他的
log（“未选择任何对象！”）；
}

标签[已禁用]{
指针事件：无；
}

第一台
第二台
第三台

将

禁用的

类添加到您喜欢的标签中。下面是代码中的一个示例：

<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary btn-set-or-raise">
    <input type="radio" name="options" id="option1" val="option1" >Radio 1 

</label>
<label class="btn btn-primary btn-set-or-raise">
    <input type="radio" name="options" id="option2" val="option2" disabled="disabled">Radio 2
</label>
<label class="btn btn-primary">
    <input type="radio" name="options" id="option3" >Radio 3
</label>

第一台
第二台
第三台

---

我禁用了第二个单选选项

您需要将

禁用

类添加到单选按钮的父标签：

$(".btn-group label").addClass("disabled");

---

给我们更新的

我希望这一条对您有所帮助

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script type="text/javascript">
$(document).ready(function () {
    $("input[type=radio]").attr("disabled", "disabled");
  });
    </script>

$（文档）.ready（函数（）{
$（“input[type=radio]”）attr（“disabled”、“disabled”）；
});

您可以像这样使用html属性：

---

它不工作了。因为如果用户单击，它可能不会在单击时禁用它，但是选中将显示元素已单击！谢谢如果标签被禁用，为什么会有人想要启用事件？它不应该是现成的解决方案吗？禁用属性只是将光标设置为“不允许”或“阻止”按钮以执行某些操作，但如果是“单击”，并且您检查单击与否，它将显示实际操作<代码>指针事件：无将停止单击。我现在接受它，因为它可以工作。我仍然认为禁用也不允许将状态设置为已检查..如果用户取消选择引导按钮怎么办？我还需要取消选中复选框-我怎么做？当前，如果用户取消选择标签，复选框仍为selectedIt's not working。因为如果用户单击，它可能不会在单击时禁用它，但是选中将显示元素已单击！问题是，如果用户单击该元素，该元素仍然标记为已检查$（“输入：收音机”）.attr（“选中”，假）；或$（“输入：收音机”）。删除输入（“选中”）；它没有帮助-在JSFIDDLE中尝试它它不起作用。因为如果用户单击，它可能不会在单击时禁用它，但是选中将显示元素已单击！

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script type="text/javascript">
$(document).ready(function () {
    $("input[type=radio]").attr("disabled", "disabled");
  });
    </script>