无法获取html中多个复选框的值
无法获取HTML中多个复选框的值是因为在HTML中，复选框的值是通过其"checked"属性来表示是否被选中的。如果要获取多个复选框的值，可以使用JavaScript来实现。
首先，需要给每个复选框设置一个相同的类名或者使用相同的name属性，以便于通过选择器获取它们。然后，可以使用document.querySelectorAll()方法来获取所有具有相同类名或name属性的复选框元素。
接下来，可以遍历获取到的复选框元素列表，并检查每个复选框的"checked"属性是否为true。如果为true，则表示该复选框被选中，可以将其值存储到一个数组中。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>获取复选框的值</title>
</head>
<body>
<input type="checkbox" class="checkbox" value="1">选项1
<input type="checkbox" class="checkbox" value="2">选项2
<input type="checkbox" class="checkbox" value="3">选项3
<button onclick="getCheckboxValues()">获取选中的值</button>
<script>
function getCheckboxValues() {
var checkboxes = document.querySelectorAll('.checkbox');
var values = [];
checkboxes.forEach(function(checkbox) {
if (checkbox.checked) {
values.push(checkbox.value);
}
});
console.log(values);
}
</script>
</body>
</html>在上述示例中，我们首先使用document.querySelectorAll('.checkbox')获取所有具有类名"checkbox"的复选框元素。然后，使用forEach()方法遍历复选框元素列表，并检查每个复选框的"checked"属性。如果为true，则将其值添加到values数组中。最后，我们通过console.log()将选中的值打印到控制台。
这样，就可以获取到HTML中多个复选框的值了。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送）：https://cloud.tencent.com/product/umeng_push
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（QcloudXR）：https://cloud.tencent.com/product/qcloudxr
相关·内容
1回答
我在我的sql表中有一个包含中所有项目的html表。每个项都有一个复选框，选中后，当我按下submit按钮时，会将项名称的值提供给calculate路由。但是，即使选中了多个复选框，“提交”按钮也只提交一个复选框值。我如何让它提交所有选中的复选框的值，而不是只提交一个复选框。
浏览 24提问于2020-12-30得票数 0
回答已采纳
2回答
目前我在MVC4 web应用程序上工作，我需要从网页的多个复选框中获取选中或未选中的值。这是我在视图中要呈现的复选框的代码。using (Html.BeginForm("Controller", "NameSpace", FormMethod.Post)) @foreach (var Leavein Model)
浏览 2提问于2014-03-09得票数 0
2回答
我有包含复选框的html代码，我试图在克隆时获取这些值，但无法正确获取。下面是我的html代码： <div class="copymeds"> <class="add">
浏览 9提问于2014-09-25得票数 0
我正在尝试生成具有ng- select的复选框。从下拉列表中选择一个值后，我将根据值模型获取值。在我选择任何复选框后，只选中第一个复选框。我无法选择其他复选框任何人告诉我如何选择任何一个或多个复选框，以便我可以基于ng- selected.But绑定这些值。这是html代码
<div class="form-group" data
浏览 7提问于2017-08-12得票数 1
2回答
MVS2010MVC 3:我有一个提交页面，它有几个复选框，这些复选框是在页面加载时动态构建的。用户可以在提交表单之前选中一个或多个复选框。在页面的右侧，有用户以前选择的所有选项的摘要。当用户单击它时，将显示一个带有文本框的弹出窗口，允许用户键入注释。如何在不刷新页面的情况下在页面上显示此评论？不想进行刷新的主要原因是因为用户可能已经选中了一个或多个复选框，一旦页面刷新，它们就会丢失状态。我尝试了p
浏览 0提问于2013-05-21得票数 1
回答已采纳
我有表单，我需要选择多个复选框，并在表单提交时将这些复选框值发送到服务器。我尝试获取这些复选框值，但无法以任意数组的状态(“checking”:[])获取，因为我需要推送多个值...这是我的代码，有人能帮我解决这个问题吗？<input className="form-check-input" type="checkbox&quo
浏览 74提问于2021-09-02得票数 0
2回答
我知道当有多个复选框时，我可以使用jQuery ()来获取复选框值，但是我的复选框输入是在html表单中，所以那些jQuery解决方案无法工作，因为它们都没有从表单中获取复选框值。我尝试从表单中提取值，但它只是创建了一个奇怪的单选节点列表，它似乎计算复选框的名称在文档中出现的
浏览 2提问于2017-04-07得票数 1
回答已采纳
我在视图中生成了动态的多个checkbox控件。在controller?.There中获取它们的值的最佳方法是多个复选框的多个值。有没有人注意到，在使用html.checkbox时，已经创建了一个隐藏字段？我注意到了firebug，不知道为什么
浏览 0提问于2010-12-11得票数 0
1回答
我的jsp页面中有一些复选框。jsp页面中还有一些其他的文本字段。我可以从数据库中填充文本框的值。就像for name字段一样，我可以从数据库中获取'myname‘值，并将其显示在jsp页面中。但是我无法从数据库获取复选框的值。就像我在我的数据库和jsp页面中有一个农业领域。现在我想
浏览 0提问于2010-12-02得票数 0
回答已采纳
我有一个HTML表，其中最后一列是checkbox。因此，当我选中该列中的多个复选框时，它应该会获得所选的值，然后我想将这个值列表发送给一个python函数。
有谁能帮我一下吗？
浏览 0提问于2017-04-15得票数 0
2回答
获取表中的父元素
、、
我试图在表中获取父元素。我有一个复选框，我想选中复选框父元素。 <td> <a href="./index.html?p=10">$125.55</a> </td>在我<e
浏览 5提问于2017-07-11得票数 0
回答已采纳
1回答
我当前使用的是带有数据表的数据表插件。我还添加了带有it.Now的复选框和动态下拉列表。当我单击复选框时，我无法从数据表中获取所选值 它带来了html代码?我怎么才能得到它的值？
浏览 12提问于2018-12-17得票数 0
我的html <div v-for="(client, index) in clients" :key="index"> <span>{{index+1}} {{client.idbutton type="submit" @click.prevent="onChangeAccess(client)">Change</button><
浏览 26提问于2020-09-29得票数 0
回答已采纳
2回答
我有问题，无法从复选框中获得多个值与Ajax。我可以获得一个复选框值，但多个值不起作用。这是我的HTML代码 <input namecheckb
浏览 0提问于2016-05-14得票数 0
2回答
如果用户选中一个复选框，相关值将由jQuery存储在一个隐藏的输入字段中，并在表单提交后传递给PHP页面。如果用户选中多个复选框，则相关值将作为数组添加到隐藏输入字段中。但是在提交表单后，我发现输入字段的数组不是数组，并且我无法从输入字段获取数组。<br />'; }
但是我不能通过上面的方式获得选中的复选框<
浏览 1提问于2015-02-12得票数 0
3回答
我有一个带有多个复选框值的表单。我想检索选中的值，并在其他php表单上播放这些值。xyzhtml.php(html表格)
<?
浏览 0提问于2011-02-17得票数 0
回答已采纳
我在向我的控制器发送复选框值时遇到了问题，我检查了所有的复选框，但是什么也没有发生。我只能一个接一个地做这件事，当我重新加载页面时，它已经被保存了，但我不确定如何将多个选中的复选框的值传递回控制器。这是我的cshtml。hidden" value="@ViewData["idemployee"]" name="idemployee" id=&quo
浏览 3提问于2020-12-30得票数 0
在我的页面中，有多个带有值的复选框。我从集合中获取这些值。我要接受特定选中的复选框总数。 }
无法将“Sy
浏览 5提问于2015-05-27得票数 1
回答已采纳
1回答
我是MVC的新手，现在我正在尝试显示一个项目列表，每个项目都由一个Name和一个绑定到模型中的属性(Selected)的复选框组成。new {@onclick="alert($(this).val());"}) </tr>问题是，$(this)没有像我所期望的那样引用复选框，并且我无法看到有皮的属性(作为一个事实，我无法<
浏览 3提问于2013-12-29得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
