jquery - 测试是否在字段集中检查范围中的特定复选框

Question

我需要查看是否检查了字段集中某个范围内的任何复选框

<fieldset id="issues">
    <input name="A" id="issue_0" type="checkbox" value="A" /> <--- this one
    <input name="B" id="issue_1" type="checkbox" value="B" />
    <input name="C" id="issue_2" type="checkbox" value="C" />
    <input name="D" id="issue_3" type="checkbox" value="D" />
    <input name="E" id="issue_4" type="checkbox" value="E" />
</fieldset>

字段集是#issues,这可以很好地查看是否有任何一个被检查

if( $('#issues input[type="checkbox"]').is(':checked') ){
  console.log("One of them is checked");
}

但我想看看是否检查了索引的特定复选框,即是否检查了第一个复选框.我试过这个......

if( $('#issues input[type="checkbox"][0]').is(':checked') ){
  console.log("Item one is checked");
}

但它不起作用

如何通过字段集中的索引来定位特定复选框？

Answer 1

if( $('#issues input[type="checkbox"]').first().is(':checked') ){
    console.log("Item one is checked");
}

用.first()抢的包组的第一个.

此外,我建议使用,.prop()因为它涉及跨浏览器问题更容易处理!

if( $('#issues input[type="checkbox"]').first().prop('checked') === true ){
    console.log("Item one is checked");
}?

如果您需要获得特定索引,您可以执行以下操作:

var index = 2;
if( $('#issues input[type="checkbox"]').eq(index).prop('checked') === true ){
    console.log("Item one is checked");
}?