select 表单中的特定单选按钮

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() {
  }

单击任何单选按钮时都会触发此代码。我希望它在单击带有 class "srf" 的表单中带有 class "radioButton" 的任何单选按钮时触发。

到目前为止，我想到了这个：

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

但它不会检查单选按钮的 class。有什么办法可以做到吗？

谢谢。

Answer 1

就用class那一点

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

}

或者，如果您希望有一个更具体的选择器，仅用于具有 class

类型按钮的输入

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

}

（在此处使用 .radioButton 后缀会将匹配限制为仅具有 class 的元素）

select 表单中的特定单选按钮

select a specific radiobutton in a form

jquery