JQuery和多个单选按钮组问题

Question

我在使用 JQuery 处理多个单选按钮组时遇到问题。由于某种原因，JQuery 代码无法区分两组单选按钮之间的区别，也无法区分我单击了哪一组单选按钮。

这是 HTML 代码:

<!-- Radio button group 1 -->
<input type="radio" name="group_1" value="full_day_ticket"/>
<input type="radio" name="group_1" value="half_day_ticket"/>

<!-- Radio button group 2 -->
<label><input type="radio" name="group_2" value="boarder"/> Snowboard</label>
<label><input type="radio" name="group_2" value="skier"/> Ski</label>

JQuery代码如下:

$("input:radio[@name='group_2']").click(function() {
  alert('group 2 clicked');
}

现在，当我单击名为“group_1”的单选按钮时，JQuery 认为我单击了“group_2”中的单选按钮并显示警报窗口。由于某种原因，JQuery 似乎无法识别 @name='group_2' 过滤器并捕获页面上所有单选按钮的点击，而不仅仅是名为“group_2”的单选按钮。

有人遇到过这个问题吗？还是我做了一些愚蠢的事情？

谢谢!

Answer 1

请注意，在 jQuery 1.3 中 [@attr] 样式选择器已被删除。

如果删除@符号，选择器将按预期工作。

但是您实际上可以处理这两个组的点击事件:

$("input:radio").click(function() {
  if (this.name == "group_1") {
    // group 1 clicked
  } else if (this.name == "group_2") {
    // group 2 clicked
  }
});