Question

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

HTML code：

<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后缀将仅限制与该类的元素匹配）

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

1 个答案: