我有这些复选框:
<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");
其他回答
格式:
$("input:checkbox[name=type]:checked").each(function(){
yourArray.push($(this).val());
});
希望它能起作用。
$(document).ready(function() { $('input[type="checkbox"]').click(function() { var arr =[]; $('input[type="checkbox"]:checked').each(function() { //arr.push($(this).parent('p').text()+'\n'); arr.push($(this).val()+'\n'); }); var array = arr.toString().split(',') $("#text").val(array.join("")); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <p>Append value when checkbox is checked</p> <textarea rows="4" id="text" style="width: 100%"> </textarea> <div id="checkboxes"> <p><input type="checkbox" value="Item 1"><span> Item 1</span></p> <p><input type="checkbox" value="Item 2"><span> Item 2</span></p> <p><input type="checkbox" value="Item 3"><span> Item 3</span></p> <p><input type="checkbox" value="Item 4"><span> Item 4</span></p> <p><input type="checkbox" value="Item 5"><span> Item 5</span></p> </div>
var checked= $('input[name="nameOfCheckbox"]:checked').map(function() {
return this.value;
}).get();
使用Jquery
你只需要添加类到每个输入，我有添加类“源”，你当然可以改变它
<input class="source" type="checkbox" name="type" value="4" />
<input class="source" type="checkbox" name="type" value="3" />
<input class="source" type="checkbox" name="type" value="1" />
<input class="source" type="checkbox" name="type" value="5" />
<script type="text/javascript">
$(document).ready(function() {
var selected_value = []; // initialize empty array
$(".source:checked").each(function(){
selected_value.push($(this).val());
});
console.log(selected_value); //Press F12 to see all selected values
});
</script>
用这个:
var arr = $('input:checkbox:checked').map(function () {
return this.value;
}).get();
