javascript - 在jQuery中，如何通过其name属性选择元素？(In jQuery, how do I select an element by its name attribute?)

Question

I have 3 radio buttons in my web page, like below:(我的网页中有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> In jQuery, I want to get the value of the selected radio button when any of these three are clicked.(在jQuery中，我想在单击这三个按钮中的任何一个时获取所选单选按钮的值。) In jQuery we have id (#) and class (.) selectors, but what if I want to find a radio button by its name, as below?(在jQuery中，我们具有id（＃）和class（。）选择器，但是如果我想按名称查找单选按钮，该怎么办呢？) $("<radiobutton name attribute>").click(function(){}); Please tell me how to solve this problem.(请告诉我如何解决这个问题。)   ask by Prashant translate from so

Answer 1

This should do it, all of this is in the documentation , which has a very similar example to this:(应该做到这一点，所有这些都在文档中 ，该文档具有与此类似的示例：)

$("input[type='radio'][name='theme']").click(function() { var value = $(this).val(); }); I should also note you have multiple identical IDs in that snippet.(我还应该注意，您在该代码段中有多个相同的ID。) This is invalid HTML.(这是无效的HTML。) Use classes to group set of elements, not IDs, as they should be unique.(使用类将元素集而不是ID分组，因为它们应该是唯一的。)