如何将复选框的选中ids存储到jquery中的变量中，并为该变量的值分配一个隐藏字段？
在jQuery中，可以通过以下步骤将复选框的选中ids存储到变量中，并为该变量的值分配一个隐藏字段：
- 首先，给复选框添加一个共同的类名，以便选择它们。例如，给复选框添加类名"checkbox-item"。
- 使用jQuery的
each()方法遍历所有选中的复选框，并将其值存储到一个数组中。
var selectedIds = [];
$('.checkbox-item:checked').each(function() {
selectedIds.push($(this).val());
});- 创建一个隐藏字段，并将存储选中ids的数组转换为逗号分隔的字符串，并将其赋值给隐藏字段的值。
var hiddenField = $('<input>').attr({
type: 'hidden',
name: 'selectedIds',
value: selectedIds.join(',')
});- 将隐藏字段添加到表单中或者其他需要的位置。
$('form').append(hiddenField);完整的代码示例：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<form>
<input type="checkbox" class="checkbox-item" value="1"> Option 1<br>
<input type="checkbox" class="checkbox-item" value="2"> Option 2<br>
<input type="checkbox" class="checkbox-item" value="3"> Option 3<br>
<input type="checkbox" class="checkbox-item" value="4"> Option 4<br>
<button type="button" id="saveBtn">Save</button>
</form>
<script>
$(document).ready(function() {
$('#saveBtn').click(function() {
var selectedIds = [];
$('.checkbox-item:checked').each(function() {
selectedIds.push($(this).val());
});
var hiddenField = $('<input>').attr({
type: 'hidden',
name: 'selectedIds',
value: selectedIds.join(',')
});
$('form').append(hiddenField);
});
});
</script>
</body>
</html>这样，当用户选中复选框并点击保存按钮时，选中的ids将会存储到隐藏字段中，可以通过表单提交或其他方式将其传递到后端进行处理。
相关·内容
在表单中，我有一个隐藏字段：现在，在页面内部，我有一个在数据表中获取记录的模型现在，我想将这3个I存储到一个变量中，并将其赋给上面的隐藏字段，
浏览 31提问于2020-05-13得票数 1
回答已采纳
2回答
我正尝试在表单上使用复选框，并希望在数据库中将值保存为1或0。在我的数据库中，我有一个名为"subscribe“的字段，它具有以下属性：Not Null在我的html表单中，我有以下内容：
<inputtype="checkbox" value="1" name="subscribe&
浏览 3提问于2011-12-21得票数 0
如果选中复选框，我将尝试使用jQuery / javascript从指定的输入元素中删除类。因此，我试图在代码<
浏览 4提问于2013-10-22得票数 0
回答已采纳
2回答
如果用户选中一个复选框，相关值将由jQuery存储在一个隐藏的输入字段中，并在表单提交后传递给PHP页面。如果用户选中多个复选框，则相关值将作为数组添加到隐藏输入字段中。$row['id'].'" />
用于在选中任何<
浏览 1提问于2015-02-12得票数 0
append('<input type="checkbox" id = '+ data[i].name + '/> ' + data[i].name + '<br />');
如果选择2个复选框，我希望将其作为数组存储，并将其存储到<
浏览 2提问于2013-04-10得票数 0
3回答
我正在尝试将选中的复选框值从一个页面传递到另一个页面，以便在我的db上运行mysql语句。>
我打印不好的查询：我每次都会收到这个查询，不管单击与否。
浏览 5提问于2011-12-04得票数 0
回答已采纳
3回答
我有一个不同的复选框的列表，这些复选框是使用PHP从数据库中拉出的记录。
现在，当我单击其中一个复选框时，我希望该选项以某种方式显示在其他地方。我一直在尝试让它与jQuery一起工作，但我对它没有太多的经验，所以我真的没有太多可以做的。
浏览 1提问于2012-04-03得票数 1
回答已采纳
我目前正在做一个PHP项目。我正在从MySQL数据库中读取行，并将它们填充到一个HTML表中。如何确定在按下提交时单击了哪些复选框。
感谢您能提供的任何帮助。
浏览 0提问于2011-08-24得票数 0
回答已采纳
我有一个ASP.NET网页，其中包含一个复选框表和一个按钮。我需要找到按钮单击时选中的所有复选框的ID。一旦收集到ID列表，就需要将其传递给服务器。我可以使用jQuery和PageMethods来做到这一点。
如何在代码隐藏文件中的按钮单击处理程序中实现这一点？即当发生按钮点击时选中的所有复选框</em
浏览 1提问于2010-01-12得票数 3
回答已采纳
1回答
我有一个复选框列表，我希望确保用户在提交表单之前至少选中一个复选框。我该怎么做呢？
有3个类别，每个类别下有10个项目，每个类别下都有一个复选框。我正在考虑在javascript中这样做，其中我将有一个隐藏变量，然后当用户选中任何复选框时，隐藏变量的值将为1，如果用户取消<e
浏览 0提问于2010-10-18得票数 1
回答已采纳
2回答
从列表中删除值
、、
我有一个复选框列表。单击每个复选框后，我会将值添加到隐藏变量。但问题是，如果我想在取消选中复选框后从列表中删除该值。这部分是如何完成的？下面是隐藏的表单变量
<input name="IDList[]" type="hidden" id="IDList" valu
浏览 0提问于2011-09-03得票数 0
回答已采纳
我的报告上显示了一个档案。但我想让它可见或不可见，这取决于用户的选择。启动报表的表单包含一个复选框，该复选框的值存储在变量中，即vrIfChecked。如果变量中的值为false，我想将该字段设置为隐藏。我可以使用类似于
折叠如果vrIfChecked=“<
浏览 0提问于2011-02-08得票数 0
我使用的是Cold聚变MX7，它有一个基本的表单，它可以有几个动态添加到表单中的元素。它们被赋予相同的名称，并且都是复选框。该表格的一个例子如下： <td> profileFn,profileSn,contactDate </td></tr>
&l
浏览 4提问于2011-05-19得票数 0
回答已采纳
我使用下面的jQuery函数来填充一个下拉列表。一旦用户选择了一个项，我将把选择的值存储在会话变量中，并且在回发之后，我能够通过变量(selectedApp)中的隐藏字段从会话变量中获取数据。问题是，在回发之后，我无法将列表设置回在单击提交之前使用选定项的选定项。
如何将下拉列表中</
浏览 2提问于2009-09-03得票数 0
2回答
由于复选框只在选中内容时才发送内容，但我的服务器端脚本需要其中的ala (值为'Y‘或’N‘的选中和未选中字段)，因此需要用相同名称的隐藏输入字段动态替换复选框表单字段(它们的功能)。因此，我需要jQuery脚本，它将完成以下工作；
对于我页面上的每个复选框输入
浏览 1提问于2014-09-15得票数 0
回答已采纳
1回答
我有一个自定义对象列表，用作表单中的commandName对象，通常每个对象都包含一个字符串标签、字符串类型(整型或布尔型)和一个值。对于整数类型，表单显示<form:input并很好地进行绑定。但是，对于布尔类型，我希望能够使用值字符串'true‘和'false’，并将它们绑定到复选框。这很简单，因为它们是布尔类型，但它们是字符串，并且正常的<form:checkbox代码不起作用。
浏览 4提问于2011-08-10得票数 0
回答已采纳
2回答
我对任何问题都有单选按钮，只有一个正确的答案。通常，我使用jQuery收集所有单选按钮值，并在提交时将它们分配给隐藏字段。(如果我不使用jQuery，它将为所有单选按钮元素分配相同的“名称”，使它们都在同一个组中)"
浏览 3提问于2014-11-13得票数 0
回答已采纳
2回答
如何识别用户选择的是哪几个？
、、、、
我在jsp上的请求上有两个列表。第一个是productGroupName，第二个是products。 </td></tr> </table></html:form>
正如你首先看到的
浏览 0提问于2010-01-31得票数 0
回答已采纳
我有一个包含ListView和适配器的活动。我的ListView中的每一行都包含一个EditText和一个CheckBox。我对此ListView有两个问题:第一:在更改设备方向或按下home按钮后，保存选中的复选框的最佳方式是什么？第二:我实现了删除选定行的功能。当我点击复选框并按下“删除按钮”时，我在适配器上调用notifyDataSetChanged，一切正
浏览 3提问于2015-12-28得票数 0
我有一个带有一堆复选框的表单，以及一个包含CSV数据的隐藏字段。基本上，我需要根据隐藏字段的值来勾选复选框： <input type="checkboxt
浏览 2提问于2010-08-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
