使用jQuery以命名形式复选复选框

Question

我可以使用jQuery轻松遍历给定页面中的所有复选框，但我不太了解如何使用特定名称以特定形式遍历复选框，如我的模块可能会在任何数量的其他类型的表单上使用。

Answer 1

$('form[name="formName"] :checkbox').each(function() { });

Answer 2

尝试：

$("form[name='frm1']").find(":checkbox"); 

不是你可以通过each迭代。

也请参考：

http://api.jquery.com/attribute-equals-selector/

Answer 3

$('form[name="formName"] input:checkbox').each(function() { 
    //Do something 
}); 

为了获得更好的性能使用输入：复选框。从jquery API：

“$（'：checkbox'）等价于$（'*：checkbox'），所以应该使用$（'input：checkbox'）。”

Answer 4

它可能看起来像：

$('form[name='example'] input[type='checkbox']').each(function(){ 
     //your stuff goes here 
}); 

我不知道的这对性能的影响，虽然。这些依赖于jQuery attribute selectors。

Answer 5

<input type="checkbox" name="s" id="1" /> 
<input type="checkbox" name="s" id="2" /> 
<input type="checkbox" name="p" id="3" /> 
<input type="checkbox" name="p" id="4" /> 
<input type="checkbox" name="s" id="5" /> 
<input type="checkbox" name="s" id="6" /> 

和脚本

$('#formId input[name=s]').each(function(index){ 
     alert($(this).attr("id")) 
    }); 

下面是示例的http：http://jsfiddle.net/Crwy4/2/