分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

原生js获取页面所有的checkbox

发布时间:2023-09-06 02:03责任编辑:苏小强关键词:jscheckbox
<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<meta name="viewport" content="width=device-width, initial-scale=1.0"> ???<meta http-equiv="X-UA-Compatible" content="ie=edge"> ???<meta name="author" content="杨欣"> ???<title>获取页面所有的checkbox</title></head><body> ???<input type="checkbox" name="box1" id="box1">box1 ???<input type="checkbox" name="box2" id="box2">box2 ???<input type="checkbox" name="box3" id="box3">box3 ???<input type="checkbox" name="box4" id="box4">box4 ???<input type="checkbox" name="box5" id="box5">box5 ???<input type="checkbox" name="box6" id="box6">box6 ???<script> ???????var inputs = document.getElementsByTagName("input"); ???????var boxs = []; ???????for (let i = 0; i < inputs.length; i++) { ???????????if (inputs[i].type == "checkbox") { ???????????????boxs.push(inputs[i]) ???????????} ???????} ??????console.log(boxs) ???</script></body></html>

  

原生js获取页面所有的checkbox

原文地址:https://www.cnblogs.com/samsara-yx/p/9290051.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved