Javascript 如何使html中的广播框看起来像复选框，并在选中时使其具有x？

我想制作一个表单，其中包含看起来像复选框的广播框。此外，我希望他们在检查时具有glyphcon x。我为此尝试了几种解决方案，包括：

        input[type="radio"] {
            -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
            -moz-appearance: checkbox;    /* Firefox */
            -ms-appearance: checkbox;     /* not currently supported */
        }

当我使用这个解决方案时，它会在复选框上画一条线，当选中一个复选框并将其悬停在上方时，复选框就会消失

我还尝试了这里提供的解决方案： 它们似乎不起作用

---

有人能帮帮我吗？

也许这个解决方案会让你更容易

我编写了这个函数，所以您可以在任意多个复选框上使用它。唯一的要求是给他们一类无线电和同一组选项的相同名称

jQuery解决方案

$'input[type=checkbox][class=radio]'。在'change'上，函数E{ var Group=this.name； $'input[type=checkbox][name='+Group+'][class=radio]'。prop'checked'，false； this.checked=true； }; 眼睛 蓝色 绿色 棕色的 头发 黑色 棕色的

---

金吉尔，你确定要这么做吗？人们有直观的期望，将外表映射到行为。开发人员认为无害的事情往往会让用户感到困惑。为什么要使用收音机而不是支票？@majidrazvi是的，我确信我想这样做。@MarcoSalerno我想使用收音机而不是支票，因为我只想让用户选择一个选项。那么为什么不构建一个只允许一个选项的javascript函数呢选择您可以修改此解决方案以实现此目的。