jQuery 遍历名称属性包含方括号的复选框
jQuery loop through checkboxes that name attribute contain bracket
我有这些复选框:
<input type="checkbox" class="ids" name="ids[]" value="2">
<input type="checkbox" class="ids" name="ids[]" value="3">
<input type="checkbox" class="ids" name="ids[]" value="4">
<input type="checkbox" class="ids" name="ids[]" value="5">
<input type="checkbox" class="ids" name="ids[]" value="6">
我的问题是 jquery,我将如何在提交表单时循环访问 ids[]?
$("#form").submit(function(e) {
//Loop throught ids[]
});
我试过这个:
$('input[type=checkbox][name=ids[]]').each(function () {
console.log("Here");
});
但是没用
您的选择器无效。您应该使用 \
.
转义 []
To use any of the meta-characters ( such as !"#$%&'()*+,./:;<=>?@[\]^`{|}~
) as a literal part of a name, it must be escaped with with two backslashes: \
. documentation
$('input[type=checkbox][name=ids\[\]]').each(function(){
console.log(this.value);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" class="ids" name="ids[]" value="2">
<input type="checkbox" class="ids" name="ids[]" value="3">
<input type="checkbox" class="ids" name="ids[]" value="4">
<input type="checkbox" class="ids" name="ids[]" value="5">
<input type="checkbox" class="ids" name="ids[]" value="6">
我有这些复选框:
<input type="checkbox" class="ids" name="ids[]" value="2">
<input type="checkbox" class="ids" name="ids[]" value="3">
<input type="checkbox" class="ids" name="ids[]" value="4">
<input type="checkbox" class="ids" name="ids[]" value="5">
<input type="checkbox" class="ids" name="ids[]" value="6">
我的问题是 jquery,我将如何在提交表单时循环访问 ids[]?
$("#form").submit(function(e) {
//Loop throught ids[]
});
我试过这个:
$('input[type=checkbox][name=ids[]]').each(function () {
console.log("Here");
});
但是没用
您的选择器无效。您应该使用 \
.
[]
To use any of the meta-characters ( such as
!"#$%&'()*+,./:;<=>?@[\]^`{|}~
) as a literal part of a name, it must be escaped with with two backslashes:\
. documentation
$('input[type=checkbox][name=ids\[\]]').each(function(){
console.log(this.value);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" class="ids" name="ids[]" value="2">
<input type="checkbox" class="ids" name="ids[]" value="3">
<input type="checkbox" class="ids" name="ids[]" value="4">
<input type="checkbox" class="ids" name="ids[]" value="5">
<input type="checkbox" class="ids" name="ids[]" value="6">