如何从复选框中检索信息？
要从复选框中检索信息，您可以使用JavaScript和HTML。以下是一个简单的示例，说明如何使用JavaScript从复选框中检索信息并将其显示在页面上。
- 首先，在HTML中创建一个复选框和一个按钮，以及一个用于显示结果的
<div>元素。
<!DOCTYPE html>
<html>
<head>
<title>Checkbox Example</title>
</head>
<body>
<input type="checkbox" id="myCheckbox" value="Option 1">
<label for="myCheckbox">Option 1</label><br>
<input type="checkbox" id="myCheckbox2" value="Option 2">
<label for="myCheckbox2">Option 2</label><br>
<input type="checkbox" id="myCheckbox3" value="Option 3">
<label for="myCheckbox3">Option 3</label><br>
<button onclick="retrieveCheckboxInfo()">Retrieve Checkbox Info</button>
<div id="result"></div>
<script src="script.js"></script>
</body>
</html>- 接下来，在名为
script.js的JavaScript文件中编写一个函数，该函数将检查每个复选框的状态并将所选选项添加到结果<div>元素中。
function retrieveCheckboxInfo() {
let resultDiv = document.getElementById("result");
let checkboxes = document.querySelectorAll('input[type="checkbox"]');
let selectedCheckboxes = [];
for (let i = 0; i< checkboxes.length; i++) {
if (checkboxes[i].checked) {
selectedCheckboxes.push(checkboxes[i].value);
}
}
resultDiv.innerHTML = "Selected options: " + selectedCheckboxes.join(", ");
}现在，当用户选择一个或多个复选框并单击按钮时，所选选项将显示在页面上的<div>元素中。
这只是一个简单的示例，您可以根据需要修改和扩展它。
相关·内容
3回答
如何从复选框中检索信息？
php、checkbox
(我使用PHP)最终目标是获得一个新的数组，其中只包含已检查的名称和图像的值。我想到了一些简单的方法，抓取未选中的复选框的键(数量)，并从我的数组中取消设置它们。但问题是我不知道如何
浏览 0提问于2009-03-22得票数 3
回答已采纳
1回答
Javascript :查找第一个未选中框并从行检索信息
javascript、checkbox、row
因此，我试图找到一种方法从第一行中提取数据，在第一行中，第一列的复选框未选中。我知道这听起来像一个真正的初学者的问题，但我无法设法找到如何做，尽管搜索了几个小时。在这里，我的目标是一步一步地澄清：
不在屏幕上打开它，使用复选框的属性(部分URL)打开已完成的
浏览 2提问于2016-11-06得票数 0
回答已采纳
1回答
如何架构/注释bean，使它们在第一次创建后从持久化层中获得
spring、spring-mvc、annotations
基本上，我有一个控制器检索一个"Model bean“，它大致对应于页面/表单:因此它有表单信息(选择了哪些复选框，等等) --并且还包含域bean(数据库实体信息)。如何让Spring在第一次使用时为“模型bean”创建“默认”信息，但随后从会话中检索。同样，如何让Spring第一次从持久化层创建域bean，然后从会话中检索
浏览 3提问于2013-09-30得票数 0
回答已采纳
1回答
如何从设置对话框访问复选框状态
c#、installation
我正在尝试创建一个考虑到设置对话框上复选框状态的操作。如何访问此值？我不知道如何从用户对话框中检索信息。谢谢
浏览 1提问于2019-07-10得票数 0
2回答
如何在引导-多选择-rails控制器中获得值
ruby-on-rails、ruby-on-rails-5、bootstrap-select
单击submit按钮时，不会检索params变量中的复选框信息(输入可以很好地检索)。
在检索javascript中的信息时，我看到了一些解释
浏览 5提问于2017-02-15得票数 1
回答已采纳
1回答
将复选框列表项的选定值分配给列表框
c#、checkboxlist
我正在开发一个小型业务应用程序来显示从数据库检索的报告，我有一个由四个复选框组成的检查框，也是一个组合框。现在，我正在从数据库中检索所需的信息到包含4个项目的组合框中，这是可以的。不仅如此，还可以从数据库中检索复选框上的checkboxlist DataTextField，这也是可以的。然后，我想在列表框上显示，当单击组合框的Name item时，Michael和George的复选框</em
浏览 2提问于2013-04-12得票数 0
4回答
使用复选框从表中检索信息
php、mysql
我使用复选框将产品存储在名为products的表列中。它们都存储在单元格中，用逗号分隔。现在我正试图从表中检索信息。如果我检查更多的产品，它将显示所有的用户，有产品。所有用户产品都保存在一个单元格中，用逗号分隔ex产品(10，50，90,160)<input type="checkbox" name="proizvodi[]" value="1050,PROIZVODI) O
浏览 5提问于2014-05-20得票数 0
回答已采纳
1回答
更改word 2007中的复选框(Activex控件)
ms-word、activex、controls
在word 2007中，我尝试使用默认activex控件作为复选框。我想改变文字的颜色后，有人选中它的方框。
我知道如何使用VBA和复选框表单字段来完成它，但是如何使用复选框(活动控制)来完成呢？很快，我是否可以检索ActiveX控件复选框的属性或其他对象信息？
浏览 3提问于2009-05-25得票数 1
1回答
在Ag-grid中在复选框选择中检索行数据
ag-grid
我想检索选中复选框上的行数据。目前在ag网格中，在选择行时，我们可以检索行数据.或者我们可以进行多行选择，这样就可以检索行的详细信息。那么，是否有任何方法来检索选中复选框上的行数据。或复选框选择中的多行数据。
浏览 3提问于2017-10-29得票数 0
回答已采纳
1回答
在AspxGridView中保存编辑过的信息
devexpress、aspxgridview
我使用的是一个带有复选框的列的DevExpress AspxGridView。我设法使复选框可编辑，但是我找不到在网格中检索控件的方法。我发现网格有像GetRow和GetRowValues这样的方法，但是它们从数据源检索信息，这对我来说没有用。如果你想知道为什么我没有使用内置的编辑方法，在每一行上都有Edit按钮，那是因为我想让用户立即编辑复选框，并且我想在单击网格外的按钮后保存所有的更改。
浏览 0提问于2011-03-17得票数 0
2回答
Page_Load中的数据库请求
asp.net、pageload
在Page_Load中，我创建了动态控件(带有复选框的表)。复选框的数量取决于我从数据库中检索到的一些信息。我不想在每次回发时都连接到数据库。保存所需变量的最佳方法是什么？也许我需要将它们存储在HiddenField中
浏览 1提问于2011-04-24得票数 0
1回答
如何在jsf中验证选定的<t:selectBooleanCheckbox>？
javascript、validation、jsp、jsf、tomahawk
我有一组t:selectBooleanCheckbox，它们是从支持bean中检索的，它们是从数据库中检索的。如何进行java脚本验证以检查是否选中了所有这些复选框，然后再去选中另一个特定的复选框。
浏览 4提问于2018-01-24得票数 0
1回答
已自动勾选android中给定id对应的复选框
checkbox、android-checkbox
如何自动选中与给定值对应的复选框？我尝试做的是允许用户更新他输入的信息。我有自定义微调器的复选框，允许用户选择多个值。用户将在customize微调器上选择值(多个)并保存他所做的选择。我的问题是，当用户单击编辑按钮时，从将检索的复选框中保存的值必须已经被选中。我该怎么做呢？感谢所有愿意帮助我的人。
浏览 0提问于2013-07-04得票数 1
1回答
如何绑定.is()和.on()事件
javascript、jquery
我使用的复选框，用户可以选择一个或多个选项。如果复选框已经被选中(当从数据库检索信息时)，我已经设法触发了一个事件。但是，当选中复选框时，我也希望触发相同的事件。我在谷歌上搜索了如何在jQuery上绑定两个事件，但是当涉及到$('#item').is(':checked')和$('#item').on('click', function(){})时，我该如何做。最初，我是在
浏览 1提问于2016-01-25得票数 0
回答已采纳
3回答
如何从JQuery中获取复选框的值？
javascript、jquery、checkbox
我有一些复选框，希望将它们的值添加到JQuery中。我已经能够检索该值，但它可以使用.each jquery命令获取每个复选框值。我不知道如何只获得选中的特定复选框的值，以便使用append命令显示数据。<input id="add_policies_checkbox<?input type="button" name="action" class="btn btn-success ch
浏览 1提问于2016-07-25得票数 0
回答已采纳
3回答
jQuery选中数据表中的所有复选框
javascript、jquery、datatables
function () { });我通过ajax检索信息，并使用jQuery数据表从这些信息创建一个表，在数据表head中，我有一个带有class='checkall'的复选框。为什么头部中的复选框不选中通过ajax检索到的所有其他复
浏览 0提问于2012-04-15得票数 0
回答已采纳
1回答
VueJS:如何从带有复选框的表中检索信息
vue.js、vuejs2
我有一个包含多行的表，其中包含一个复选框和一个文本。我想知道如何从仅选中复选框的行中获取数据 <table class="table table-hover">如何发送表中已选择的项的数组？谢谢
浏览 2提问于2019-07-19得票数 1
3回答
存储在数据库中单个字段中的多个复选框选项
java、html、mysql
我有一个技能表单，有12个复选框选项可供选择。显然，可以选择多个，然后我希望这些发送到数据库。(例如，Adam可以有Java和C++，而鲍勃只有Java)。我希望数据库中只有一个字段包含所有复选框的信息。目前，我有技能作为一个字符串，用" "分隔它们，但是当我试图检索信息时，我得不到正确的信息。例如，如果我搜索任何带有"Java“的员工，我会得到Bob的详细信息，但不会得到Adam的详细信息，因为它是字符
浏览 5提问于2013-03-06得票数 2
1回答
动态创建复选框列表，然后在另一个页面上发布检索。对于表单中的复选框，然后是$_POST，有一些关于最佳实践的问题。问题1-当希望在另一个页面上检索这个信息时，最佳实践是将“familyPictureID”命名为“名称”，还是应该将其放在“值”中？>问题2-当在第二页上检索此信息时，<
浏览 2提问于2014-07-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
