第二次出現復選框

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

您的選擇器不正確：

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

應該：

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

你也可以這樣做（在這個jsfiddle證明）：

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

（注意使用:checkbox選擇器，在選擇器中包含eq(1)並合並選擇器 - 表單選擇器， .find()調用和.eq()調用）

Answer 2

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 3

我認為你應該改變第二個復選框的名稱

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