jQuery 单选按钮 - 只选择一个？

Question

这可能是一个愚蠢的简单问题，但我被困住了。

我创建了一个包含多个复选框的表单，当单击这些复选框时，它会将每个复选框的值作为逗号分隔列表传递到隐藏的输入字段。这真是一种享受。但由于一些问题，我现在必须更改我的代码，以便它使用单选按钮 - 因此没有逗号分隔的值列表，一次只有一个。

我修改了代码以将其换成单选按钮，并且它工作正常除了以下两件事:1)它不会在单选按钮之间切换(每次我选择一个按钮时，它都会保持选中状态当我选择其他选项时)和2)它添加到列表中而不是返回所选的单个选项。换句话说，它的作用仍然像一个复选框，除了视觉上它是圆形的并且有一个点。哈哈

这是我迄今为止的代码:

jQuery(document).ready(function($) {
        $(':radio').click(function() { 
          var radio = $(this);
          var text = $('input[name="cat"]');
          if(radio.is(':checked')) {
            text.val(text.val() + radio.val());
            //alert(text.val());
          } else {
            text.val(function() {  
                $(this).val().replace(radio.val(),"");
            });
          }
        });
    });

因此，当我取消注释“alert”行时，我可以看到传递的内容，它只是添加到列表中，而不是替换为新值。有人知道如何解决上述问题，以便只能选择并传递一个选项吗？ (上面的代码作为一个复选框的效果非常棒。我实际上认为我从这里的某个地方得到了上面的代码，尽管我不记得在哪里!)

编辑:这是解决问题并有效的代码(谢谢大家:)) - 也许它会在将来帮助其他人。

`jQuery(document).ready(function($) {
        $(':radio').change(function() { 
          var radio = $(this);
          var text = $('input[name="cat"]');
          if(radio.is(':checked')) {
            text.val(radio.val());
            //alert(text.val());
          } else {
            text.val(function() {  
                $(this).val().replace(radio.val(),"");
            });
          }
        });
    });`

Answer 1

单选按钮必须具有相同的名称属性。 id 属性可以不同，但​​相同的 name 属性允许您一次只能选择一个。