jQuery选择表单单选按钮

Question

我有一个表单，我使用这个document.forms["form-0"].answerN[0];来选择一个特定的单选按钮，但是我无法用jQuery来完成它。

我尝试使用$('forms["form-0"]')和$('forms[0]')来访问表单，但它不起作用，并且两者都使用长路径工作..

Answer 1

你可以这样访问（jQuery v1.6）

$('form > input:radio').prop('id');

DEMO

更新

你可以name或id属性形式

 $('form[name="firstForm"] > input:radio').prop('id');

DEMO

Answer 2

尝试这样：$("form input:radio")

如需进一步的帮助，请按this链接。

Answer 3

form-0是表单的名称。你必须写类似

的东西

$('form[name=form-0]') to select the form.

要获得单选按钮，您将不得不进一步使用儿童

所以

$('form[name=form-0]').children('radio[name=answerN]:first-child')

希望这应该有用

Answer 4

如果你有这样的表格：

<form action="" method="post" id="myForm">
  <input type="radio" name="myRadioButton" value="0" class="radio" id="firstRadioButton" /> Value
</form>

您可以按ID：

选择元素

选择单选按钮

$("#firstRadioButton)

选择表格

$("#myForm")

或选择所有单选按钮：

$("#myForm input.radio").each(function(){
  alert($(this).val());
});

不使用ID：

HTML：

<form action="" method="post">
    <input type="radio" value="1" /> Value 1 <br />
    <input type="radio" value="2" /> Value 2 <br />
</form>

jQuery的：

alert($("form").first().find("input:radio").first().val());

示例：查看here

Answer 5

您可以尝试此操作来覆盖页面中的所有表单：

$('forms').each(function(id){
    console.log(id,$(this));
});