Question

我有一个包含复选框的表单，我想检查用户是否检查了第一个：

<form id= 'other_langs'>
    <input type= 'checkbox' name= 'yes'> I speak other languages <br>
    <input type= 'checkbox' name= 'no'> I do <b>not</b> speak any other language <br>   
</form>

我编写了jQuery函数

$('#other_langs').click(function(){
  if(('#other_langs').first().prop('checked') == true){alert('ok');}
});

警报（或其他）不会出现。我也试过.is（'：checked'）并且它是一样的。我也试过

if(('#other_langs input[name="yes"]').prop('checked') == true){alert('ok');}

我使用的是jQuery 1.9.1版，并尝试过Firefox和Chrome。

Answer 1

你在第二个例子中错过了$（第一个例子中的，但方法错误） -

if($('#other_langs input[name="yes"]').prop('checked') == true){
  alert('ok');
}

演示---> http://jsfiddle.net/zKkXp/

你可以让你的第一个例子像这样工作 -

if($('#other_langs input').first().prop('checked') == true){
  alert('ok');
}

演示--> http://jsfiddle.net/zKkXp/1/

Answer 2

这样做：

$('#other_langs').first()

您正在检查是否已选中第一个#other_langs。 #other_langs是一个表单，您需要.children()才能获得#other_langs的第一个孩子。

 $('#other_langs').children().first()

jQuery在表单问题中选择一个复选框

2 个答案: