可以选择和取消选择的倍数输入类型="radio"

Question

我有以下输入代码

<div id="especiality">
      <input type="radio" class="rad" name="Item1" value="Item1" />Publicidad
      <br />
      <input type="radio" class="rad" name="Item2" value="Item2" />Editorial
      <br />
      <input type="radio" class="rad" name="Item3" value="Item3" />Identidad Corporativa
      <br />
      <input type="radio" class="rad" name="Item4" value="Item4" />Web
      <br />
      <input type="radio" class="rad" name="Item5" value="Item5" />Empaques
      <br />
      <input type="radio" class="rad" name="Item6" value="Item6" />Tipografía
      <br />
      <input type="radio" class="rad" name="Item7" value="Item7" />Fotografía
      <br />
      <input type="radio" class="rad" name="Item8" value="Item8" />Señalética
      <br />
      <input type="radio" class="rad" name="Item9" value="Item9" />Animación
      <br />
      <input type="radio" class="rad" name="Item10" value="Item10" />Ilustración
      <br />
      </div>

适用于此脚本

<script>
          $(document).ready(function () {
              $("#button").click(function () {
                  // Radios
                  $(".rad:checked").each(function() {
                      console.log("Radio: " + $(this).val());
                  });
              });
          })
          </script>

它适用于 select 倍数选项，没关系，但它不适用于 deselect 选项。有什么解决办法吗？

谢谢

Answer 1

未选中项目的选择器为： $(".rad:not(:checked)").each(function() {

Answer 2

单选按钮旨在让您 select 正好是一个 一组。您可以以零 selected 开始一个组（通过从所有组中省略 checked 属性）但是没有一种干净的方法可以返回到该状态。

要对单选按钮进行分组，请为它们指定相同的名称。

如果你想 select 一个组中的零个或多个，你应该使用复选框，而不是单选按钮。

可以选择和取消选择的倍数输入类型="radio"

Multiples input type="radio" that can be selected and and deselected

html

forms

radiobuttonlist

input

radio-button