获取值复选框javascript
我有一个复选框数组(与php一起使用),但是我想使用ajax从复选框中生成一些值,我想从每个复选框中获取值并发出ajax请求 我有这个:获取值复选框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
$("#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>