jquery - 选择表单中的特定单选按钮

Question

我的页面中有一个 html 表单。我想要一个只读取表单中单选按钮的 jQuery 脚本。

HTML 代码:

<form method="post" action="#"  id="srf" name="form" class="srf">
   <p><input type="radio" class="radioButton" value="web Applciaiton" id="webapp"/></p>
   <p><input type="radio" class="radioButton" value="uplaods" id="uploads"/></p>
   <p><input type="radio" class="radioButton" value="sync" id="sync" /></p>
</form>

JS 到目前为止:

$('input[type="radio"]').click(function() {
  }

单击任何单选按钮时都会触发此代码。我希望当单击“srf”类表单中任何“radioButton”类单选按钮时触发它。

到目前为止，我想出了这个:

$("#srf input[type="radio"]").click(function() {
}

但它不检查单选按钮的类。有什么办法可以做到这一点吗？

谢谢。

Answer 1

只需使用该点的类即可

$("#srf .radioButton").click(function() {

}

或者，如果您希望有一个更具体的选择器，仅用于该类的按钮类型的输入

$("#srf input[type='radio'].radioButton").click(function() {

}

(此处使用 .radioButton 后缀将限制仅匹配具有该类的元素)