在jQuery中，如何通过其name属性选择元素？

Question

我的网页中有3个单选按钮，如下所示：

<label for="theme-grey">

  <input type="radio" id="theme-grey" name="theme" value="grey" />Grey</label>

<label for="theme-pink">

  <input type="radio" id="theme-pink" name="theme" value="pink" />Pink</label>

<label for="theme-green">

  <input type="radio" id="theme-green" name="theme" value="green" />Green</label>

在jQuery中，我想在单击这三个按钮中的任何一个时获取所选单选按钮的值。在jQuery中，我们有id（＃）和class（。）选择器，但是如果我想按名称查找单选按钮，该怎么办呢？

$("<radiobutton name attribute>").click(function(){});

请告诉我如何解决这个问题。

Answer 1

应该做到这一点，所有这些都在文档中，该文档具有与此类似的示例：

$("input[type='radio'][name='theme']").click(function() {
    var value = $(this).val();
});

我还应该注意，您在该代码段中有多个相同的ID。这是无效的HTML。使用类将元素集而不是ID分组，因为它们应该是唯一的。