很长一段时间以来，清除HTML中所选单选按钮的能力一直存在问题。这个插件通过一点jQuery脚本为您提供了该功能。

deselectable-radioboxes.js是一个非常小的jQuery插件，它允许您通过使用JavaScript切换选中的状态来选择/取消选择单选按钮。这可以使任何HTML单选按钮像复选框一样不可选择。

参见：

• 10个最佳自定义复选框和无线电输入替换
• JavaScript和纯CSS中的10个最佳切换开关

如何使用它:

1.下载并在jquery之后插入jquery-deselectable-radioxes.js脚本。

<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/src/jquery-deselectable-radioboxes.js"></script>

2.调用函数不可选择在单选按钮上，插件将完成其余操作。

<div class="form-check">
  <input class="form-check-input" type="radio" id="flexRadioDefault1" name="select_type" value="espresso" />
  <label class="form-check-label" for="flexRadioDefault1">Espresso</label>
</div>
<div class="form-check">
  <input class="form-check-input" type="radio" id="flexRadioDefault2" name="select_type" value="double_espresso" checked />
  <label class="form-check-label" for="flexRadioDefault2">Double Espresso</label>
</div>
<div class="form-check">
  <input class="form-check-input" type="radio" id="flexRadioDefault3" name="select_type" value="americano" />
  <label class="form-check-label" for="flexRadioDefault3">Americano</label>
</div>
<div class="form-check">
  <input class="form-check-input" type="radio" id="flexRadioDefault4" name="select_type" value="cappuccino" />
  <label class="form-check-label" for="flexRadioDefault4">Cappuccino</label>
</div>

$(document).ready(function () {
  $("input[name='select_type']").deSelectable();
});

更新日志：

2022-11-07

• 使现代化

预览截图

取消选择单选按钮 jQuery插件