Javascript jQuery验证-使用自定义单选按钮（打开/关闭切换）

我的困境是：

客户端希望对一组复选框进行表单验证，但在该组中有一组单选按钮，因此用户只能选择该组中的一个。问题是，客户端还希望能够选择和取消选择任何单选按钮，因此我必须找到一个自定义脚本来允许该功能。其中的问题是，此自定义功能需要一个隐藏的伪单选按钮，但最初选择该按钮以标记选中的和数据已选中的属性，并且该按钮将整个复选框/单选按钮部分标记为有效，即使用户没有实际选中任何内容

听起来很困惑？这是我的密码：

HTML：整个表单都在引导表单向导中，所以我不会发布全部内容，只发布关键部分

---

即使styleInit单选按钮被标记为checked=false，jQuery验证代码仍将其视为选中，允许用户继续操作。

因此，答案如下：

在我声明为输入[name='style']添加了规则之后，我直接添加了以下内容：

$("#styleInit").prop('checked', false);

---

这可以确保在显示节时，无论何时，styleInit单选按钮的checked属性都为false。这允许jQuery验证脚本按预期执行

因此，答案如下：

在我声明为输入[name='style']添加了规则之后，我直接添加了以下内容：

$("#styleInit").prop('checked', false);

---

这可以确保在显示节时，无论何时，styleInit单选按钮的checked属性都为false。这允许jQuery验证脚本按预期执行

，因为客户端希望取消选择单选按钮，所以基本上需要类似于复选框的功能

因此，在html代码中，您可以使用复选框而不是单选按钮，然后使用css可以将它们显示为单选按钮

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

}

结果是看起来像复选框的无线电元素

参考文献

因为现在所有单选按钮都使用相同的名称复选框，所以在应用验证时不会遇到问题

现在，您可以使用以下jquery代码一次仅从组中选择其中一个复选框

   $('input[name="style"]').on('change', function() {
        $('input[name="style"]').not(this).prop('checked', false);  
   });

我也为这件事做了一把小提琴

---

由于客户希望取消选择单选按钮，所以基本上他需要类似于复选框的功能

因此，在html代码中，您可以使用复选框而不是单选按钮，然后使用css可以将它们显示为单选按钮

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

}

结果是看起来像复选框的无线电元素

参考文献

因为现在所有单选按钮都使用相同的名称复选框，所以在应用验证时不会遇到问题

现在，您可以使用以下jquery代码一次仅从组中选择其中一个复选框

   $('input[name="style"]').on('change', function() {
        $('input[name="style"]').not(this).prop('checked', false);  
   });

我也为这件事做了一把小提琴

---

由于客户希望取消选择单选按钮，所以基本上他需要类似于复选框的功能。因此，您可以在html中使用复选框而不是单选按钮，然后使用css可以将它们显示为单选按钮。由于客户希望取消选择单选按钮，所以基本上他需要类似于复选框的功能。因此，您可以在html中使用复选框而不是单选按钮，然后使用css可以将它们显示为单选按钮。