可以通过以下步骤实现:
querySelectorAll
方法来选择所有的复选框元素,例如:var checkboxes = document.querySelectorAll('input[type="checkbox"]');forEach
方法来遍历复选框元素,并使用checked
属性来检查复选框是否被选中,例如:checkboxes.forEach(function(checkbox) {
if (checkbox.checked) {
console.log(checkbox.value);
}
});console.log
来在控制台输出选中的复选框的值,也可以将值显示在页面的某个元素中,例如:var selectedValues = [];
checkboxes.forEach(function(checkbox) {
if (checkbox.checked) {
selectedValues.push(checkbox.value);
}
});
console.log(selectedValues);这样,就可以遍历复选框并显示复选框的值了。
在腾讯云的产品中,与前端开发相关的产品有云开发(https://cloud.tencent.com/product/tcb)和小程序云开发(https://cloud.tencent.com/product/wxcloud)。与后端开发相关的产品有云函数(https://cloud.tencent.com/product/scf)和云托管(https://cloud.tencent.com/product/tke)。与数据库相关的产品有云数据库 MySQL(https://cloud.tencent.com/product/cdb_mysql)和云数据库 MongoDB(https://cloud.tencent.com/product/cdb_mongodb)。与服务器运维相关的产品有云服务器(https://cloud.tencent.com/product/cvm)和容器服务(https://cloud.tencent.com/product/tke)。与云原生相关的产品有Serverless Framework(https://cloud.tencent.com/product/sls)和Kubernetes(https://cloud.tencent.com/product/tke)。与网络通信相关的产品有私有网络(https://cloud.tencent.com/product/vpc)和弹性公网IP(https://cloud.tencent.com/product/eip)。与网络安全相关的产品有Web应用防火墙(https://cloud.tencent.com/product/waf)和DDoS高防(https://cloud.tencent.com/product/ddos)。与音视频相关的产品有实时音视频(https://cloud.tencent.com/product/trtc)和云直播(https://cloud.tencent.com/product/live)。与多媒体处理相关的产品有云点播(https://cloud.tencent.com/product/vod)和云剪(https://cloud.tencent.com/product/vod_editing)。与人工智能相关的产品有人脸识别(https://cloud.tencent.com/product/faceid)和语音识别(https://cloud.tencent.com/product/asr)。与物联网相关的产品有物联网通信(https://cloud.tencent.com/product/iotexplorer)和物联网开发套件(https://cloud.tencent.com/product/iotcore)。与移动开发相关的产品有移动推送(https://cloud.tencent.com/product/tpns)和移动分析(https://cloud.tencent.com/product/mobileanalytics)。与存储相关的产品有对象存储(https://cloud.tencent.com/product/cos)和文件存储(https://cloud.tencent.com/product/cfs)。与区块链相关的产品有腾讯区块链(https://cloud.tencent.com/product/tbc)和区块链电子合同(https://cloud.tencent.com/product/bec)。与元宇宙相关的产品有腾讯云元宇宙(https://cloud.tencent.com/product/tmu)。
希望以上信息对您有所帮助!
领取专属 10元无门槛券
手把手带您无忧上云