小编典典

在jQuery中,如何通过其name属性选择元素?

javascript

我的网页中有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(){});

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


阅读 322

收藏
2020-05-01

共1个答案

小编典典

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

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

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

2020-05-01