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>

它适用于选择倍数选项，没关系，但在取消选择该选项时则不行。任何解决方案？

由于

Answer 1

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

Answer 2

单选按钮旨在让您从组中选择正好一个。你可以启动一个选择零的组（通过省略所有这些属性中的checked属性），但是没有一种方法可以回到那个状态。

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

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

倍数输入类型=“无线电”，可以选择和取消选择

2 个答案: