Question

如何获得第二次出现的复选框？这是我尝试过的：

<div id="form">
    <label for="first">First</label>
    <input type="checkbox" name="first" value="1" >
    <br />
    <label for="second">Second</label>
    <input type="checkbox" name="second" value="2" >
    <br />
</div>

$('#form').find('input[type=checkbox]').eq(1)

但它对我不起作用。

Answer 1

var foo = function(){
  var inputs = document.getElementById('form').getElementsByTagName('input');
  for(var i=0; i<inputs.length;i++){
    var checkbox = inputs[i];
    if(checkbox.type == 'checkbox' && checkbox.name == 'second'){
      return checkbox;
    }
  }
};

在纯JS中你可以这样做：）

Answer 2

我认为您应该更改第二个复选框的名称

Answer 3

您的选择器不正确：

$('#form').find('input[type=checkbox]').eq(1)

应该是：

$('#form').find('input[type="checkbox"]').eq(1)

您也可以这样做（this jsfiddle中的证据）：

jQuery('#form :checkbox[name="second"]:eq(1)');

（请注意使用:checkbox选择器，将eq(1)括在选择器中并合并选择器 - 表单选择器，.find()调用和.eq()调用）

Answer 4

为每个复选框指定一个ID并执行类似

的操作

var $checkBox = $("#checkboxid");

Answer 5

您的代码对我来说是正确的，您也可以这样做：

$('#form input:checkbox:last')

在这里摆弄http://jsfiddle.net/ephWb/

Answer 6

$（'＃form'）。find（'input [type = checkbox]'）。eq（1）选择项目。之后你必须做点什么。例如：

$('#form').find('input[type=checkbox]').eq(1).val('5'); //Changes the value to 5
$('#form').find('input[type=checkbox]').eq(1).hide(); //hides it

第二次出现复选框

6 个答案: