首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用Javascripts或CheckBoxes将JQuery值获取到数组或列表

使用JavaScript和jQuery可以很方便地将值获取到数组或列表中。以下是实现该功能的代码示例:

使用JavaScript:

代码语言:txt
复制
// 获取所有选中的复选框的值到数组中
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:

代码语言:txt
复制
// 获取所有选中的复选框的值到数组中
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);

这段代码可以用于获取页面中所有选中的复选框的值,并将其存储到数组或列表中。可以根据具体需求进行调整和扩展。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的结果

领券