如何从嵌套复选框中获取对象数组中的值？
从嵌套复选框中获取对象数组中的值，可以通过以下步骤实现：
- 首先，为每个复选框设置一个唯一的标识符（ID），以便于后续操作。
- 使用JavaScript或其他前端框架，通过DOM操作获取到嵌套复选框的父容器元素。
- 遍历父容器元素下的所有复选框元素，可以使用递归或循环的方式进行遍历。
- 对于每个复选框元素，判断其是否被选中。如果选中，则获取其值，并根据其ID找到对应的对象。
- 将获取到的值和对象存储到一个数组中，以便后续使用。
以下是一个示例代码，演示如何从嵌套复选框中获取对象数组中的值：
<!DOCTYPE html>
<html>
<head>
<title>获取嵌套复选框的值</title>
</head>
<body>
<div id="checkbox-container">
<input type="checkbox" id="checkbox1" value="value1">选项1
<input type="checkbox" id="checkbox2" value="value2">选项2
<div id="nested-container">
<input type="checkbox" id="checkbox3" value="value3">选项3
<input type="checkbox" id="checkbox4" value="value4">选项4
</div>
</div>
<button onclick="getSelectedValues()">获取选中值</button>
<script>
function getSelectedValues() {
var checkboxes = document.querySelectorAll('#checkbox-container input[type="checkbox"]');
var selectedValues = [];
checkboxes.forEach(function(checkbox) {
if (checkbox.checked) {
var value = checkbox.value;
var id = checkbox.id;
var obj = { id: id, value: value };
selectedValues.push(obj);
}
});
console.log(selectedValues);
}
</script>
</body>
</html>在上述示例中，我们通过querySelectorAll方法获取到了所有的复选框元素，并使用forEach方法遍历每个复选框。如果复选框被选中，我们获取其值和ID，并将其存储到selectedValues数组中。最后，我们通过console.log打印出选中的值和对应的ID。
请注意，上述示例仅为演示目的，实际应用中可能需要根据具体情况进行适当的修改和扩展。
相关·内容
1回答
我使用的语言是java。从我的数据库/云服务器上，我得到了一个简单的包含“字符串”的JSON数组，我想使用这些字符串并将它们显示给用户。简单的任务。但是，我对JSON和数据库完全陌生，所以我无法做到这一点。
正如您在屏幕截图中所看到的，我的JSON数组名为"object“，它有3个字符串值，如何将它们作为字符串访问以显示给用户？
我试过了
String a = (String) object.get(0);
另外，如果在JSON数组中有数组怎么办？如何访问JSON数组中的特定数组以搜索其中的字符串？
浏览 2提问于2013-11-05得票数 0
回答已采纳
3回答
将选中项写入数组
、、、
这些是我的许多复选框，我需要在保存时抓取所选的复选框，并创建一个要保存的数字数组/字符串。
<asp:CheckBox ID="4" runat="server" ClientIDMode="Static"/>
我需要添加一个带有数字的值，这样我就可以得到复选框的数字，这样我就可以得到类似于“1，4，8，9”的东西(选中了复选框)，还是我可以从ID中获得它？
我看了一个类似这样的例子：
$(function(){
$('#btnClick').click(function(){
var val = [];
浏览 1提问于2012-06-22得票数 0
回答已采纳
1回答
我正在使用一个JQGrid，并且已经设计了网格，使得第一列是一个复选框。我使用的是multiselect:true的属性，除了这个，我不会编写任何其他代码来获取复选框。如何从选中复选框的行中获取值？
浏览 1提问于2013-04-16得票数 0
2回答
我知道当有多个复选框时，我可以使用jQuery ()来获取复选框值，但是我的复选框输入是在html表单中，所以那些jQuery解决方案无法工作，因为它们都没有从表单中获取复选框值。
我尝试从表单中提取值，但它只是创建了一个奇怪的单选节点列表，它似乎计算复选框的名称在文档中出现的次数，而不是值。
function validateForm() {
var checks = document.forms["TestForm"]["ParticipantSelection[]"];
alert(checks);
}
<script src="
浏览 2提问于2017-04-07得票数 1
回答已采纳
1回答
我有一个数组。我希望将此数组中的所有元素显示为复选框。当我按下checkbox时，我调用了显示console并选中了标签复选框的函数，但我不能访问数组中的所有数据。我使用了
下面是我的代码：
<CheckboxFormX
style={{ width: 350 - 30 }}
dataSource={all_national_number}
itemShowKey="label"
itemCheckedKey="RNchecked"
iconSize={16}
formHorizontal={true}
labelHorizon
浏览 2提问于2018-10-09得票数 1
1回答
我有以下模式，我想用Symfony 1.4和Doctrine创建一个表单，其中用户可以从选择框中选择一个Magazine，然后单击几个复选框，其中每个复选框都是一个问题。
在伪标记中，它应该如下所示：
选择杂志/选择
checkboxIssue 1复选框
checkboxIssue 2复选框
checkboxIssue 3复选框
checkboxIssue 4复选框
checkboxIssue 5复选框
如果窗体已保存，则应为每个选中的复选框创建一条记录集。广告ID通过url传递给表单。
我尝试了几种方法来实现这一点，但我坚持了几个星期，希望这里的人能帮助我。
在真实的项目中，我需要一个25个
浏览 2提问于2012-01-20得票数 1
回答已采纳
1回答
不确定“外星”是不是正确的词，但无论如何.
我有两组复选框。我希望从每个组中获取值，然后将它们与另一个组配对，以便所选的每个值对应于一个配对。
例如：
Group 1
[x] 1
[x] 2
[x] 3
Group 2
[x] a
[x] b
[x] c
我想取这些检查的值并返回9对: 1a，1b，1c，2a，2b，2c，3a，3b，3c。
帮助?
浏览 3提问于2014-05-22得票数 1
回答已采纳
2回答
这是我的JSON文件：
{
"AL2": {
"3810": "AL2GR1",
"3814": "AL2GR2",
"3815": "AL2GR3",
},
"AN3": {
"3818": "AN3GR1",
"3819
浏览 6提问于2014-06-18得票数 0
回答已采纳
我是新的反应，并遇到了一个奇怪的问题。我有一个父-子结构，其中子结构是一个模态对话框。下面是我的一些示例代码
母国
this.state = {
features: [
{index: 0, name: 'Feature 1', checked: true },
{index: 1, name: 'Feature 2', checked: false },
{index: 2, name: 'Feature 3', checked: false }
],
showModal: false
};
子模式是一
浏览 2提问于2018-06-24得票数 1
回答已采纳
在我的状态中有一个值来存储城市列表，有一个复选框可以在表中选择它们，还有一个事件侦听器可以将所选的值添加到状态。
我可以切换一次复选框，从假到真。那么，它不能切换到假的。我正在记录状态并正确更新状态，所以我不明白为什么我的复选框没有更新。
例如：
没有选中“纽约”复选框，所以州是[]
我可以检查它，状态更改为["New York"]
当我取消选中它时，状态会更改为[]，但复选框中不会发生任何事情。
下面是代码：
const [selected, setSelected] = useState([]);
<input type="checkbox
浏览 5提问于2022-03-30得票数 0
回答已采纳
嘿，朋友们，我用Nodejs Express和Mysql开发了一个rest，它在我的本地机器上运行得很好，然后我在Cpanel上托管它，现在我尝试从它中获取数据并在我的react应用程序上呈现它。很好地获取数据部分就像魔术一样，它甚至在我的控制台中呈现，但是当我在我的react应用程序上映射数据时，它给出了下面的错误，只是一个空白的白页。请你帮忙。
浏览 11提问于2022-03-25得票数 1
回答已采纳
我有一个表，其中包含4列和行数将是动态的。该表包含许多值，因此该表在20页上进行了分页。第一列是复选框输入，用户可以选中或取消选中以选择行。单击按钮时，我需要任何页面上表格中所有选中的复选框的值。现在，我正在使用下面的代码用选中的复选框的值填充数组。 $('#tableExmp tbody input[type="checkbox"]:checked').each(function () {
var companyObj = {};
companyObj['id'] = $(this).attr('id'
浏览 25提问于2021-01-06得票数 0
4回答
我检查的每一个复选框，我都用它的id填充输入
现在，如果用户取消选中复选框，如何检索我放置在输入中的id？
实例：
检测房地产SC、SP；
input接收SC，该格式的SP值= SC，SP
但是用户取消选中带有SC值的复选框，然后应该从输入中删除SC。
这就是我要用复选框填充输入的方法。
var separador = ",";
var estadosS = "";
$(".checkboxEstados").live("click", function(){
if($(this).is(":checked
浏览 1提问于2011-11-03得票数 1
回答已采纳
1回答
我已经在Angular中创建了动态嵌套的复选框，如果选中，我想要获取复选框的值。我在angular中创建了一个演示项目，并面对json结构中的问题来实现功能。 ? sourcecode
浏览 15提问于2021-09-24得票数 1
1回答
尝试使用Google Calendar API中的freebusy查询。我遵循了Googleapis documentation提供的示例，并且确实得到了结果，但是繁忙信息只是显示为[Array]，而没有实际的繁忙信息。 代码(只是相关的部分)： const res = await calendar.freebusy.query({
requestBody: {
timeMin: (new Date()).toISOString(),
timeMax: '2021-03-25T23:00:00+01:00',
浏览 21提问于2021-03-20得票数 0
回答已采纳
下面的代码！给我复选框和删除按钮，在输入标签所有复选框都有相同的名称(复选)！可以使用id从数据库中提取复选框。
问题是:当我为deletion...only选择多个复选框时，最后一个复选框将被删除！意味着它可以从数据库中删除1个数据。
类似-> 的url
我需要当我选择一个复选框超过一个复选框，复选框数据从数据库中删除！谁能帮我克服这个问题谢谢
index.phpNow，In delete.php..code In.
浏览 6提问于2012-04-12得票数 1
回答已采纳
2回答
在我的模型中，我的数据类似于：
$scope.list = [{id:0,tags:['tag1','tag2']},{id:2,tags:['tag2']}};
我想显示一个带有复选框的标签列表(包含'tag1‘和’tag2‘的唯一值)。希望是这样的：
<div ng-repeat="tag in list.tags">
<label class="checkbox">
<input type="checkbox" ng-model=&
浏览 0提问于2013-01-05得票数 14
回答已采纳
3回答
我的问题是，我有一个表单，当用户提交表单时，我想接收用户提交的数据。此数据应包装在单个对象中。我在角中使用formBuilder，但似乎大多数情况下都可以使用formBuilder从<input>标记检索数据(引用中的顶部答案"formControlName只用于输入、选择和文本区域。任何具有"value“属性的内容。”
我使用formBuilder在构造函数和初始化字段中定义了一个表单；
component.ts
constructor(private formBuilder: FormBuilder,
) {
this.checkoutForm = this
浏览 2提问于2019-10-04得票数 1
2回答
我需要在<tbody>部分的表中获取复选框的ID。我有一个实时(点击)函数，我想要弹出一个弹出窗口，其中包含我想要的基于复选框中的id的数据。
我还希望允许系统选中多个复选框，我希望能够将in存储在临时变量中，并根据需要使用它们，并在我通过它们时删除它们。
浏览 0提问于2011-09-12得票数 3
回答已采纳
1回答
是否有任何方法从复选框中填充和获取项目的set？
我所做的：
TColorItem = (ms_red, ms_blue, ms_green, ms_yellow);
TColorItems = set of TColorItem;
我有一个组件，我可以从TColorItems中选择
TProperty = class(TCollectionItem)
private
FModuleItem: TColorItems;
procedure SetColorItem(const Value: TColorItems);
published
proper
浏览 1提问于2016-02-18得票数 2
回答已采纳
我有下面的场景。我从后端获得了一个Questions列表，每个Question都包含以下属性：
IdStatementChoices.
现在，我使用v-for呈现问题，并将它们作为表单显示为Statement作为一个简单的<p>，而choices是一组复选框(也是用v-for呈现的)。
Question Statement 1
[x] choice1
[] choice2
[x] choice3
--------------------
Question Statement 2
[x] choice1
[x] choice2
[] choice3
-----------------
浏览 1提问于2021-07-29得票数 0
回答已采纳
1回答
我有大约8个复选框正在动态地从我的数据库中生成。
这是我控制器里的代码
//Start Get Processes Query
$this->db->select('*');
$this->db->from('projects_processes');
$this->db->where('process_enabled', '1');
$data['getprocesses'] = $this->db->get();
//End
浏览 3提问于2010-04-28得票数 0
回答已采纳
2回答
查询所选复选框
、、
我有两个页面search.php和load.php...in search.php，我有复选框，我使用jquery将复选框传递给load.php
<div class="checkBoxes">
<input type="checkbox" name="art[]" value="1" >Digital Art <br />
<input type="checkbox" name="art[]" value="2" >Tradition
浏览 0提问于2013-02-22得票数 0
回答已采纳
我有一个jquery键值对数组，如下所示：
选中复选框时，将填充该数组。
如果未选中复选框，项目将从该复选框中移除。
该部分的代码是：
$(document).on('click', '.chkItem', function () {
if ($(this).is(':checked')) {
product_ids[$(this).attr('id')] = "Checked";
} else {
浏览 5提问于2016-10-16得票数 0
回答已采纳
1回答
我正在做一个ecommrece项目，在搜索栏中我显示带有来自API的类别的复选框，默认情况下，所有这些都具有value active == true。我就是这样绘制它们的：
{categories.map((category) => {
return (
<>
<input type="checkbox" onClick={() => handleCheckbox(category)}
defaultChecked={category.active} k
浏览 1提问于2021-11-29得票数 1
回答已采纳
我现在做了一个词汇表网站，从mysql上得到了状态，状态是这样的。 1: memorize : 0
2: memorize : 0
3: memorize : 0
4: memorize : 0
5: memorize : 1
6: memorize : 0 因此，如果我选中网站列表上的复选框，每个状态都会变为1。0表示未选中。每次选中该框时，它都会更改状态的值(from0为1) 我想做的是激活和禁用的按钮(完成)。如果所有的状态都变为1，我想激活这个finish按钮。所以我决定做2个className，active，notActive，然而这真的很难实现。 如何使用"If“结构来检
浏览 31提问于2021-07-06得票数 0
回答已采纳
4回答
我从多个数组开始。然后，根据复选框的选择，我希望将值与item数组交叉，并从price和exp数组中获取相关的值。
<input type="checkbox" name="grocery" value="peach">
<input type="checkbox" name="grocery" value="apple">
<input type="checkbox" name="grocery" value="orange&#
浏览 0提问于2019-05-16得票数 1
回答已采纳
有些教程告诉我如何使用带双括号的复选框，以便可以以数组的形式检索值，但有些教程没有。
<input type='checkbox' name='hobby[]' value='reading'> Reading
哪一个标准？实际上，使用name属性中的双括号[]发送输入类型复选框安全吗？
浏览 2提问于2015-04-25得票数 1
回答已采纳
如何在v-for中使用b-form-checkbox 这是我的代码 <div v-for="(user, index) in users" :key="index">
<b-form-checkbox name="check-button" switch>
</b-form-checkbox>
</div> 如何在切换复选框时将用户id和复选框值传递给方法。每个复选框具有不同的用户id 任何人都可以帮助我，提前谢谢
浏览 65提问于2019-06-25得票数 1
1回答
我试图从特雷洛的个人卡中显示多个核对表。我可以作为多个嵌套对象访问检查表，但我不知道如何更深入地遍历以提取实际文本并使其列出项目。
Trello.get("cards/" + cardID + "/checklists", function(checklists) {
console.log(checklists);
});
数据：
如何一直遍历到checkItem数组对象的名称？
浏览 2提问于2014-01-19得票数 0
回答已采纳
4回答
我有三个普通名字的复选框
<input type="checkbox" name="checkBox[]" id="checkBox" value="1">
<input type="checkbox" name="checkBox[]" id="checkBox" value="2">
<input type="checkbox" name="checkBox[]" id="checkBox
浏览 7提问于2015-04-29得票数 0
回答已采纳
我创建了一个表单，该表单具有一组复选框，这些复选框从google工作表中的列填充。因此，如果列中的条目发生更改，则表单复选框也会更改。
我的问题与获取选择和检索数据的方式有关。
当表单上的提交按钮被单击时，它会调用一个函数: google.script.run.test(document.forms)
我的测试函数使用Logger.log()将信息附加到表中的工作表和日志中。
document.forms格式为：{=Level 1，Level 2，Level 3，Level 4，name=test 4}
我的第一个问题是：
如何将复选框组命名为document.forms对象中的数组，以便可以
浏览 0提问于2015-07-26得票数 1
2回答
无法选中/取消选中复选框
、、、
我正在制作一个react应用程序，其中职务标题的复选框是从api的动态数据中填充的，它将与给定的片段完全一样。
const departments =
[
{
"sectorId":29,
"sectorName":"Building Materials Mfg. & Distribution",
"departments":[
{
"deptName":"Manufacturing",
浏览 3提问于2020-10-30得票数 1
回答已采纳
3回答
我有两个复选框，每当我单击任何复选框时，它们的值(静态数组)都应该插入到“最终”数组(空数组)中。如果我取消选中该复选框，那么它的值(静态数组)应该从“最终数组”中删除。
现在，我正在将“静态”数组插入/推送到空白数组(最终数组)中，但我想知道如何在取消复选框后删除这个“静态”数组？
var myarray = [];
var model = ["Height", "size", "bust"];
var Hostess = ["Height", "bust"];
$("input:checkbox.
浏览 2提问于2022-04-22得票数 0
回答已采纳
1回答
我正在尝试访问Json响应中的对象，但不确定如何访问。如何使用rest-assured访问ID11，其中ObjID1和ObjID2是唯一的UUID？ "ObjID1": [
{
"ID": "11",
"NAME": "XYZ",
"GENDER": "M"
}
]
"ObjID2&#
浏览 13提问于2019-05-06得票数 0
我从我最近发表的一个论坛上复制了这些帖子，但没有得到回复。
我有我的代码所有设置的基础，它是一个带有导航控制器的向下钻取表，它故意将数据从带有一些空值的plist加载到nsmutabledictionary中。一旦发出命令，应用程序就会下载信息，然后在NSMutableArray中设置setValue。问题是这个NSMutableArray是从plist的根开始向下3级的。我正在寻找一种方法来替换plist中的数组，plist被加载并保存在appdelegate中。我该怎么做呢？非常感谢您的帮助。
所以这可能没有多大意义。在AppDelegate中，它将plist文件加载到NSMutableD
浏览 2提问于2009-07-29得票数 0
2回答
我在前端使用Ember.JS，需要能够根据我的模型创建x个输入复选框。基本上，我想做这样的事情：
{{#each model}}
{{input type="checkbox"}}
{{/each}}
虽然这很好，但我不知道如何在提交时从控制器中检索x复选框的值。如果只是一个，我可以说：
{{input type="checkbox" checked=boxIsChecked}}
但我不知道如何枚举这些输入，以便我可以说：
{{input type="checkbox" checked=boxOneIsChecked}}
理想情况下，我希
浏览 4提问于2014-06-12得票数 0
回答已采纳
如何获得所有复选框值从视图到控制器？
我的视图页面代码是，
{!! Form::checkbox('control_type[]', 001, '', array('id'=>'control_type', 'name'=>'control_type[]')) !!} {!! trans('noorsi.control_type_001') !!}</br>
{!! Form::checkbox('control_type[]', 002, &
浏览 1提问于2016-03-14得票数 1
我有一个存储过程，如下所示：
TYPE ref_cursor IS REF CURSOR;
TYPE parametro IS RECORD (
nombre VARCHAR2(50), -- I want to remove this value and make it the key of the table instead.
valor VARCHAR2(32000),
tipo VARCHAR2(1),
sentencia VARCHAR2(32000)
);
TYPE parametros IS TABL
浏览 2提问于2012-10-04得票数 1
回答已采纳
1回答
所以我想我现在正处在某种隧道视野中。
我必须维护一个非常基本的应用程序(HTML + ASP)。在这个应用程序中，有一个包含一些值的小表：
<table>
<tr>
<td>Customer-ID</td>
</tr>
<tr>
<td>Waregroup</td>
</tr>
<tr>
<td>Some other ID</td>
</tr>
浏览 1提问于2018-08-16得票数 0
回答已采纳
1回答
我做了复选框组件和内部，
将isChecked状态设置为记住选中的值，即使在重新呈现的情况下
将获取新的数据。
但正因为如此，isChecked状态使每个复选框都被选中。
举个例子。
如何单独控制复选框？
浏览 3提问于2021-04-21得票数 0
回答已采纳
我已经创建了动态表格布局。在布局中，每行有四个buttons.one按钮，用于从一个活动导航到另一个活动。我的问题是，当我按下按钮从第一个活动切换到第二个活动时，我从第二个活动返回到第一个单击的活动按钮松开了它的状态。
例如。1)在第1个活动中，我单击按钮1并选中复选框，然后转到第2个活动。执行某些操作后，我返回到第1个活动，我看到button1和复选框未被单击和选中。
那么如何维护按钮的状态呢？
浏览 1提问于2011-06-24得票数 0
我做了一个选择题。有些问题有一个正确的答案(使用无线电输入)，另一些问题有多个正确的答案(复选框)。
当用户提交测试时，我收集所有的复选框和复选框，并将答案的id推送到一个指向服务器的数组中。看起来是这样的：
userAnswers = [ '1c', '2d', '3a', '3b', '3c', '3d', '4b', '5c', '5d', '6d', '7c', '7d' ]
在服务器上，我有一个
浏览 1提问于2016-10-24得票数 0
回答已采纳
1回答
我试图从包含错误消息的JSON中读取，这样如果我想更改错误消息的内容，我只需更改JSON，而不是跳转到源代码中。一切看起来都很好..。
var fs = require('fs')
console.log("Now reading from error messages configuration file...");
var errorMsgs = JSON.parse(fs.readFileSync('config/error_msgs.JSON'));
console.log(errorMsgs)
这就是errorMsgs.json中的
浏览 9提问于2017-02-28得票数 0
回答已采纳
早上好，我正在做一个项目，我有一个问题，它要知道如何从数组对象中删除重复的条目。
下面是我的数组的结构：
"IDGROUP": [
{
"id": 72
},
{
"id": 72
}
]
下面是代码片段：
if($compteGroupes && $compteGroupes->getId()
浏览 0提问于2017-09-12得票数 0
1回答
我从数据库中获取复选框名称，并将它们放在数组中，它们如下所示：
pets = ['dog', 'hamster', 'cat', 'parrot']
然后，我以下列方式在我的视图中显示它们：
<div *ngFor='let pet of pets'>
<input type='checkbox'
name='pets'
value='{{pet}}'
/>
{{pet}}
</div>
因此，现在的
浏览 5提问于2017-02-26得票数 2
回答已采纳
你好，我想在复选框值和索引中循环此对象 data: [
{
key1: 'last 6 months'
},
{
key2: 'last 30 days'
}
] 我想创建一个这样的radioButton °过去6个月 °过去30天 我在代码中做到了这一点 <div
v-for="index in data"
:key="i
浏览 15提问于2021-10-15得票数 -1
回答已采纳
2回答
如果使用onsubmit()将表单提交给一个函数，我如何才能获得所有复选框值的数组(name=为‘values[]’)？
编辑:最初我提到了单选按钮，这是错误的--复选框是正确的。
编辑:很明显，下面的代码行只获取第一行的值
$("input[name='values[]']:checked").val()
另外，如何获取提交表单时选中的复选框的数量？
浏览 1提问于2010-01-29得票数 0
回答已采纳
我试图从foreach循环生成的复选框中获取多个值。请检查我下面的代码，并给我一些建议。谢谢。
查看文件
<?php foreach ($size_list as $size) { ?>
<label><input name="size_id" type="checkbox" value="<?php echo $size->size_id;?>" />
<?php echo $v_size_list->size;?></label>
<?php } ?&g
浏览 2提问于2016-05-30得票数 0
1回答
我正在使用jQuery Dynatree复选框在谷歌地图中按日期过滤标记：
特定日期的复选框可以很好地工作，但我在弄清楚如何最好地使月份复选框显示/隐藏所有适当的标记时遇到麻烦。我希望可以附加到日期复选框中的某种onChange事件(因为如果父复选框选中，它们将被选中/取消选中)，但我似乎在文档( )中找不到任何类似的内容，所以我使用onSelect函数，尽管如果选择了父月份，该函数不会自动定位日期。如果选中/取消选中某个文件夹，我希望获得所有子项的键的数组。到目前为止，我可以检索描述所有子对象的对象，但我不确定如何解析它，因为键在该对象内的对象中。
onSelect: func
浏览 0提问于2011-09-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
