我有这些复选框:
<input type="checkbox" name="type" value="4" />
<input type="checkbox" name="type" value="3" />
<input type="checkbox" name="type" value="1" />
<input type="checkbox" name="type" value="5" />
等等。它们中大约有6个是手工编码的(即不是从db中获取的)，所以它们可能会在一段时间内保持相同。
我的问题是我如何能得到他们都在一个数组(javascript)，所以我可以使用他们，而使AJAX $。使用Jquery发布请求。
任何想法吗?
编辑:我只希望将选定的复选框添加到数组中
当前回答
可以使用我创建的这个函数吗
function getCheckBoxArrayValue(nameInput){
let valores = [];
let checked = document.querySelectorAll('input[name="'+nameInput+'"]:checked');
checked.forEach(input => {
let valor = input?.defaultValue || input?.value;
valores.push(valor);
});
return(valores);
}
要使用它，就这样称呼它
getCheckBoxArrayValue("type");
其他回答
纯JavaScript，不需要临时变量:
Array.from(document.querySelectorAll("input[type=checkbox][name=type]:checked"), e => e.value);
按输入名称选择复选框
var category_id = [];
$.each($("input[name='yourClass[]']:checked"), function(){
category_id.push($(this).val());
});
var idsComenzi = [];
$('input:checked').each(function(){
idsComenzi.push($(this).val());
});
我没有测试它，但它应该工作
<script type="text/javascript">
var selected = new Array();
$(document).ready(function() {
$("input:checkbox[name=type]:checked").each(function() {
selected.push($(this).val());
});
});
</script>
这应该可以达到目的:
$('input:checked');
我不认为你有其他可以检查的元素，但如果你有，你必须让它更具体:
$('input:checkbox:checked');
$('input:checkbox').filter(':checked');
