使用JavaScript和jQuery可以很方便地将值获取到数组或列表中。以下是实现该功能的代码示例:
使用JavaScript:
// 获取所有选中的复选框的值到数组中
function getCheckedValues() {
var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
var values = [];
for (var i = 0; i < checkboxes.length; i++) {
values.push(checkboxes[i].value);
}
return values;
}
// 示例用法
var checkedValues = getCheckedValues();
console.log(checkedValues);
// 获取所有选中的复选框的值到列表中
function getCheckedValuesToList() {
var checkboxes = document.querySelectorAll('input[type="checkbox"]:checked');
var list = document.createElement('ul');
for (var i = 0; i < checkboxes.length; i++) {
var listItem = document.createElement('li');
listItem.textContent = checkboxes[i].value;
list.appendChild(listItem);
}
return list;
}
// 示例用法
var checkedValuesList = getCheckedValuesToList();
document.body.appendChild(checkedValuesList);
使用jQuery:
// 获取所有选中的复选框的值到数组中
function getCheckedValues() {
var values = [];
$('input[type="checkbox"]:checked').each(function() {
values.push($(this).val());
});
return values;
}
// 示例用法
var checkedValues = getCheckedValues();
console.log(checkedValues);
// 获取所有选中的复选框的值到列表中
function getCheckedValuesToList() {
var list = $('<ul></ul>');
$('input[type="checkbox"]:checked').each(function() {
var listItem = $('<li></li>').text($(this).val());
list.append(listItem);
});
return list;
}
// 示例用法
var checkedValuesList = getCheckedValuesToList();
$('body').append(checkedValuesList);
这段代码可以用于获取页面中所有选中的复选框的值,并将其存储到数组或列表中。可以根据具体需求进行调整和扩展。
领取专属 10元无门槛券
手把手带您无忧上云