获取值复选框javascript

获取值复选框javascript,javascript,jquery,Javascript,Jquery,我有一个复选框数组(与php一起使用),但是我想使用ajax从复选框中生成一些值,我想从每个复选框中获取值并发出ajax请求 我有这个: $("#checked").each(function(i, val){ var k = $(i).value(); console.log(k); }); 但是没有成功 html: 您使用的是jQuery,它使用自己的.val()方法。将.value()替换为.val

我有一个复选框数组(与php一起使用),但是我想使用ajax从复选框中生成一些值,我想从每个复选框中获取值并发出ajax请求

我有这个:

$("#checked").each(function(i, val){
                var k = $(i).value();
                console.log(k);
            });
但是没有成功

html:



您使用的是jQuery,它使用自己的
.val()
方法。将
.value()
替换为
.val()

只需对HTML稍作更改,即可使用以下JavaScript():

78
79
80
81
提交 $(“#提交”)。在('单击',函数()上{ var值=[] $('.checado:checked')。每个(函数(){ var e=$(本); push(e.val()); }); 警报(数值); });

对于正在进行的更详细的细分,复选框有一个选中状态和一个值。jQuery选择器
$('.checado:checked')
将只返回选中的复选框(当您有多个元素时,您应该使用
class
,只有当您标识单个元素时,
id
才应该使用,浏览器和CSS对此可能显得懒惰,但不正确的使用会产生不可预知的结果)。另一个更改是通过jQuery方法
.val()
获取值,这有助于隐藏输入类型和特定于浏览器的获取值的方式。

this.value
$(this.val()
。页面上不应该有多个id相同的元素,在这种情况下应该使用类,然后选择as
$('.checked')
。如果将带有复选框的HTML添加到问题中,也会很有帮助(尽管.val()提示可能是取得进展所需的全部)要做的第一件事是读取并计算传递给回调的参数。如您所见,传递的第一个参数是集合中元素的索引,第二个参数是元素本身。那么,为什么要传递索引(一个数字)对于jQuery?第二,如果您愿意,您会注意到没有这样的方法。我强烈建议您在继续之前阅读。
<input id="checado" type="checkbox" name="ids[]" value="78">
<input id="checado" type="checkbox" name="ids[]" value="79">
<input id="checado" type="checkbox" name="ids[]" value="80">
<input id="checado" type="checkbox" name="ids[]" value="81">
<input class="checado" type="checkbox" name="ids[]" value="78"> 78<br/>
<input class="checado" type="checkbox" name="ids[]" value="79"> 79<br/>
<input class="checado" type="checkbox" name="ids[]" value="80"> 80<br/>
<input class="checado" type="checkbox" name="ids[]" value="81"> 81<br/>
<button id='Submit'>Submit</button>
<script>
  $('#Submit').on('click', function() {
    var values = []
    $('.checado:checked').each(function () {
        var e = $(this);
        values.push(e.val());
    });
    alert(values);
  });
</script>