Javascript 使用jQuery选择单选按钮组的所有标签

Javascript 使用jQuery选择单选按钮组的所有标签,javascript,jquery,selector,Javascript,Jquery,Selector,我正在尝试编写一个函数,如果单击一组单选按钮的任何标签,将调用该函数。所以我想要一种方法来引用单选按钮组的所有标签 从另一个线程()我读到我可以 $('#[radio_name] label').click(function(){ ... }); 其中,[radio\u name]是单选按钮组的名称。事实上,我只是尝试在引用的线程中实现代码。不幸的是,我不知道为什么 其他一些线程建议您可以选择带有$('label[for=[radio\u option\u id]])的特定标签,其中[

我正在尝试编写一个函数,如果单击一组单选按钮的任何标签,将调用该函数。所以我想要一种方法来引用单选按钮组的所有标签

从另一个线程()我读到我可以

$('#[radio_name] label').click(function(){
    ...
});
其中,
[radio\u name]
是单选按钮组的名称。事实上,我只是尝试在引用的线程中实现代码。不幸的是,我不知道为什么

其他一些线程建议您可以选择带有
$('label[for=[radio\u option\u id]])
的特定标签,其中
[radio\u option\u id]
是标签应用到的单选按钮的id。但是,这仅适用于选择单个标签。我需要选择组中具有不同ID的所有标签

编辑:以下是要求的更完整的上下文

var content = "<form id='question_form' name='question_form' action=''>" + page.text;
content += "<div id='radio_options'>";
for ( var i=0; i<page.answers.length; i++ ) {
    content += "<input type='radio' name='radio_option' id='radio_option_" + i.toString() + "' value='" + i.toString() + "'><label for='radio_option_" + i.toString() + "'>" + page.answers[i] + "</label><br>";
}
content += "</div>";
content += "<p><input type='submit' id='submit_button' name='submit_button' value='Submit'></p></form>";
display_loc.html( content );
var content=”“+page.text;
内容+=”;
对于(var i=0;i使用

这将适用于在
for
属性中包含
收音机的标签

情商


在我看来,你只需要将一个类应用到不同的标签上,并以这种方式访问它们。这样你就可以按类对标签进行分组

$('label.className').click(function(){
     ...
}); 

我不明白。标签的for是radio\u option\u id,而不是radio\u name,那么为什么选择标签会起作用呢?不管怎样,我试过了,但没有效果。@baixiwei在没有HTML的情况下总是很难回答,因为有很多不同的方法。我添加了一些适用于您的代码。很好,谢谢!知道为什么使用origina吗我的尝试不起作用?在我修改后的答案中看到的ATTR包含选择器也应该对您的场景起作用。@Blowsie,完成,在原始帖子中。谢谢!我已经尝试过了,它确实起作用了…我应该提到,但在我发布帖子时忘记了。但是,没有其他方法可以做到这一点,而不创建附加内容吗al class?为什么我的原始方式不起作用?@baixiwei您的原始代码不起作用,因为
标签
不是
输入的子项
,而是
兄弟项
。看到您的html后,我打算发布一个更好的解决方案,但Blowsie的解决方案有效。
<input type="radio" name="emotion" id="radio_sad" />
<label for="radio_sad">Sad</label>
<input type="radio" name="emotion" id="radio_happy" />
<label for="radio_happy">Happy</label>
$('#radio_options label').click(function(){

});
$('label.className').click(function(){
     ...
});