Checkboxes和jQuery (确定选中了哪些，获取它们的name标记值)
Checkboxes是一种HTML表单元素，它允许用户从一组选项中选择多个选项。而jQuery是一个流行的JavaScript库，用于简化HTML文档遍历、事件处理、动画效果等操作。
在前端开发中，可以使用jQuery来操作和处理Checkboxes的选中状态。以下是完善且全面的答案：
概念： Checkboxes是一种HTML表单元素，它允许用户从一组选项中选择多个选项。每个Checkbox都有一个与之关联的name属性，用于标识该选项。
分类： Checkboxes属于HTML表单元素的一种，用于多选场景。
优势：
- 多选功能：Checkboxes允许用户从多个选项中选择，适用于需要同时选择多个选项的场景。
- 灵活性：Checkboxes可以根据实际需求进行自定义，包括选项的数量、样式和布局等。
- 用户友好：Checkboxes的选中状态可以直观地展示给用户，用户可以清楚地知道已选择的选项。
应用场景： Checkboxes广泛应用于各种需要用户进行多选的场景，例如：
- 购物车：用户可以选择多个商品进行批量操作，如删除、加入收藏夹等。
- 订阅选项：用户可以选择多个感兴趣的主题或频道进行订阅。
- 权限设置：管理员可以通过Checkboxes来设置用户的权限，选择允许的操作或访问权限。
推荐的腾讯云相关产品和产品介绍链接地址： 腾讯云提供了丰富的云计算产品和服务，其中与前端开发和表单元素相关的产品是腾讯云COS（对象存储）和腾讯云CDN（内容分发网络）。
- 腾讯云COS（对象存储）：腾讯云COS是一种高可用、高可靠、强安全性的云端存储服务，适用于存储和管理各种类型的数据，包括前端开发中的静态资源文件。通过腾讯云COS，可以方便地存储和管理前端开发中使用的图片、样式表、脚本文件等。
产品介绍链接地址：https://cloud.tencent.com/product/cos
- 腾讯云CDN（内容分发网络）：腾讯云CDN是一种全球覆盖的分布式网络加速服务，可以加速静态资源的传输，提高用户访问网站的速度和体验。通过腾讯云CDN，可以将前端开发中的静态资源文件缓存到全球各地的节点上，加速用户对这些文件的访问。
产品介绍链接地址：https://cloud.tencent.com/product/cdn
通过使用腾讯云COS和腾讯云CDN，可以更好地管理和加速前端开发中使用的Checkboxes相关的静态资源文件。
相关·内容
3回答
如何找出用户是否已使用jQuery选中了任何框？谢谢。
<div id="boxes">
<input id='id1' type='checkbox'>
<input id='id2' type='checkbox'>
<input id='id3' type='checkbox'>
</div>
浏览 0提问于2009-12-03得票数 0
回答已采纳
我如何：
检测是否已单击/选中HTML复选框？
检索选中了哪个复选框(Es)？
示例代码：
<FORM ACTION="...">
<INPUT TYPE=CHECKBOX VALUE="1">1 bedroom<BR>
<INPUT TYPE=CHECKBOX VALUE="2">2 bedrooms<BR>
<INPUT TYPE=CHECKBOX VALUE="3">3 bedrooms<BR>
<INPUT TYPE=
浏览 13提问于2009-11-03得票数 1
我已经包含了一个使用rs.getstring的动态复选框。我需要知道哪个复选框被选中了。
<th>
<input type="checkbox" name="chkSingle_<%=counter %>" id ="chkSingle_<%= counter%>" value="<%=rs.getInt(11)%>">
</th>
浏览 4提问于2015-06-11得票数 0
回答已采纳
我只写了两个星期的代码，但我正在努力学习Django，Python和HTML来制作我的第一个网站。(如果我的问题表达得不好，请原谅，这是我的第一个问题)
我有一个模型，其中包含形成复选框列表的布尔值：
class Topic(models.Model):
cells = models.BooleanField(blank=True)
stainingtechniques = models.BooleanField(blank=True)
enzymes = models.BooleanField(blank=True)
disease = models.Boo
浏览 1提问于2017-06-21得票数 1
这将失败：
var all_checkboxes = $('#myDiv input[type="checkbox"]');
if (all_checkboxes.is(':checked')) {
alert('they are all checked');
}
它警告说，即使只选中了一个而不是全部选中，它们也都被选中了。
浏览 3提问于2011-09-10得票数 1
我正在尝试为矢量中的每个餐厅动态创建一个复选框。我可以动态创建复选框，但我想知道选择了哪些复选框。下面是我的代码： for(unsigned int i = 0; i < restaurantList.size(); i++)
{
QCheckBox *thisCheckBox = new QCheckBox(restaurantList.at(i).GetName());
CTui->verticalLayout->addWidget(thisCheckBox);
} 我目前在向量中填充了5家餐厅，到目前为止，我得到的结果如下所示： () McDonalds
浏览 35提问于2019-02-28得票数 0
7回答
如果选中，则显示提交按钮
、、、
如果未选中任何复选框，则需要隐藏提交按钮。如果至少选中了一个，则应显示submit按钮。我使用JQuery。
<input type="checkbox" name="prog" value="1">
<input type="checkbox" name="prog" value="2">
<input type="submit" id="submit_prog" value='Submit' />
编辑
如何将
浏览 3提问于2013-04-25得票数 1
回答已采纳
2回答
可能很简单，但我需要一些帮助。我有一些单选按钮，并使用以下jQuery查看选中了哪个：
var desc1 = ($('input[name=area]:checked').val());
这很好用，但我现在需要使用下拉菜单而不是单选按钮。我尝试了相同的jQuery，也使用了“选中”而不是“选中”，但没有成功。我怎么才能让它工作呢？
谢谢
浏览 0提问于2010-08-03得票数 0
回答已采纳
1回答
我使用的是带有各种复选框组的表单，如果选中了任何复选框，我希望页面底部的next按钮出现。
我在这里找到了一个使用jQuery的工作解决方案：
var checkboxes = $("input[type='checkbox']"),
submitButt = $("input[type='submit']");
checkboxes.click(function() {
submitButt.attr("disabled", !checkboxes.is(":checked"));
});
我
浏览 2提问于2015-02-09得票数 0
1回答
我在表单中有类别的复选框。当checkbox被改变时，from通过ajax提交并获取PHP中的值。 //form foreach($somethings and $something){
<input class="input_sale_category" type="checkbox" name="category" value="something->value" />`
} 我通过ajax获取表单数据并提交 $('.input_sale_category').click
浏览 23提问于2021-03-18得票数 1
回答已采纳
我有一个表单，并使用JQuery post方法在用户选中复选框时设置会话变量。
我的问题是:如果用户返回并决定取消选中之前选中的复选框，是否有一种直接的方法来取消设置会话变量？
HTML
<?php session_start() ?>
<html>
<head>
<script type="text/javascript">
$(document).ready(function(){
var checkboxes = $(".chkbx").change(function() {
浏览 4提问于2013-02-14得票数 0
2回答
如何使用Navigator对象取消选中复选框？我有过
def checkboxes = $("input",class:"targetMltChk", name:"facility")
这是一组复选框，其中一些被选中。我想将它们全部取消选中。
更新:我尝试了以下方法：
checkboxes.each{
println it = false
}
浏览 14提问于2016-09-21得票数 1
回答已采纳
6回答
我有20个复选框。如果选中了4个复选框，我需要禁用16个复选框。
我尝试使用下面的jquery代码来实现这一点
$("input[type=checkbox][name=cate]:checked").each(
function()
{
}
);
我需要的是，如果一个用户选择了4个复选框，那么所有其他的复选框都应该被禁用。
浏览 0提问于2010-06-03得票数 21
回答已采纳
我已经搜索了几个小时，并阅读了以前的帖子，但仍然没有运气。在我的代码中，单个国家可以很好地勾选和突出显示，但是我不能让select all/取消勾选所有按钮来做任何事情。
我的预期结果是:选择所有(CountrySelectAll_ID_ws)按钮应该勾选并突出显示所有三个国家。un按钮(CountrySelectNone_ID_ws)应该删除所有滴答和所有高光.
有人有什么建议吗？
我有一把小提琴：
我的代码：
<input type="button" id="CountrySelectAll_ID_ws" value ='Tick all
浏览 0提问于2016-12-11得票数 1
回答已采纳
5回答
JQuery if语句
、、、
我已经编写了一些JQuery代码来迭代ASP.Net网页上的一些复选框，我发现嵌入在$.each函数中的if语句存在两个非常奇怪的问题。代码很好地选中了我的复选框，当代码遍历$.each函数时，我可以清楚地看到objValue.checked是真是假，这取决于我是否选中了复选框。我看到的问题是: 1)它总是落在我的if语句中(即使objValue.checked的值为false)，以及2)我的availableInstalls变量的值永远不会递减，即使在调试模式下我可以看到它命中了"availableInstalls = availableInstalls - 1“代码行。有人知道是什
浏览 0提问于2009-08-20得票数 0
回答已采纳
在读取excel表格中的所有非空行后，我正在尝试在UserForm上创建多个复选框。这意味着这些复选框必须在运行时创建。我还想在UserForm上放一个CommandButton。我想要的是，一旦用户按下这个CommandButton，代码应该能够向子例程发送有关选中了哪些复选框及其名称的信息。
有人能帮我解决这个问题吗？
浏览 1提问于2013-02-20得票数 0
2回答
请原谅我的坏习惯，我已经玩了48个小时的html和jquery了。 我正在尝试根据选中的复选框来隐藏/取消隐藏输入字段。如果选中了"None“框，则隐藏所有字段。 我对下面显示输入字段的代码有问题，直到选中/取消选中一次框为止。然后他们开始表现得像他们应该做的那样。我还通过取消选中其他框来使“无”框起作用，但这并不会像我希望的那样触发字段隐藏。 有什么建议吗？ TLDR:在选中相应的框之前，应该看不到DIV字段。如果选中了"None“框，则所有DIV字段都应消失。 $('#checkboxes-0').change(function() {
if (t
浏览 8提问于2019-02-14得票数 2
回答已采纳
有人知道从jquery站点加载jquery-ui-1.7.2.custom.min的链接吗
<script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.3.2.js"></script>.
jquery选项卡需要哪些.js文件。
浏览 0提问于2009-10-06得票数 0
回答已采纳
我正在处理SSRS格式的报告，我想从参数部分选择默认值...我有这样的东西：
正如你所看到的，所有的值都被选中了...但我希望有像这样的预过滤：
保留所有值，但只显示对用户最重要的值
浏览 43提问于2017-12-22得票数 0
回答已采纳
4回答
我需要帮助，因为困惑如何阻止表单提交，如果没有一个复选框选中。
var $form = $('#send-invite-form');
var $checkbox = $('input[class^="invitation-friends"]');
$form.on('submit', function(e) {
$.each($checkbox, function(index, value) {
if (!$(value).is(':checked')) {
alert('O
浏览 3提问于2017-11-16得票数 2
回答已采纳
2回答
我目前正在使用jQuery开发一个进度条，根据复选框更改内部进度条。
下面的脚本运行得很好，只是当我重新加载页面时，进度条是空的，复选框仍然被激活。
这可能是由于函数没有计算复选框的数量，而是使用函数checkbox.change()开始计算。
我现在的问题是如何配置脚本，以便在页面重新加载时更新进度条。
提前谢谢！
JQuery脚本：
$( document ).ready(function() {
var checkbox = $(":checkbox"),
checkbox_length = checkbox.length;
checkbox.c
浏览 0提问于2013-09-01得票数 0
回答已采纳
1回答
我有复选框，它的值是从数据库中填充的。我可以选中和取消选中所有复选框，但无法获得单个选中复选框的值。这是我到目前为止所做的，对于从数据库填充的复选框：
<form>
<br>
<input type="checkbox" id="All"> <b>Select/DeSelect All</b><br>
<?php
$sql = 'SELECT Subject_Category from {extdb_subjects} where level=1 ';
$res =
浏览 2提问于2013-03-02得票数 0
回答已采纳
我对JavaScript或jQuery几乎一无所知。
我需要在<select>中选择/取消选择一个选项，单击复选框或按钮时可以选择多个选项。
复选框需要选中/取消选中具有相同值的选项。我的想法是这样的：
$(document).ready(function() {
var input = $('#entry-select');
var checkboxes = $('.entrycheckbox');
checkboxes.click(function() {
var element = $(this);
var v
浏览 13提问于2019-11-29得票数 1
回答已采纳
我的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<title>Terms of Use</title>
</head>
<body>
<form method="post" action="$PORTAL_ACTION$" class="login">
<h1>Terms of Use</h1>
<p class="login
浏览 9提问于2015-11-26得票数 0
我正在尝试获取复选框的名称，以便可以对所有具有相同名称的复选框进行分组，我尝试了cb.Name (cb是HtmlInputCheckBox类型的对象)它只返回id，我还尝试了cb.Attributes["name"]，它也没有给出任何结果。不确定是否有其他方法可以获取复选框的名称属性。其他人有什么想法吗？
浏览 10提问于2013-11-19得票数 1
1回答
选中多个复选框
、、
我有一个输入，如果他的值高于32，我会显示一个按钮，在该按钮中，单击一个在每个行复选框上显示3个表的模式，我想验证如果不选中，请阻止用户单击“保存”按钮，下面是我的代码：
$(document).ready(function() {
var vals = $('.valtotal').val();
if (vals > 32) {
$('.post-abs').show();
} else {
$('.post-abs').hide();
}
})
function toggle1(sourc
浏览 0提问于2019-09-27得票数 0
2回答
我可以得到所有属性的点击复选框，但不能检查它看得见。
$('body').off('click.checkbox').on('click.checkbox', '[data-checkbox]', function(event) {
var id = $(this).closest('[data-target]').attr('id');
var target = $(event.target);
if (target.is('input')) {
浏览 24提问于2017-02-07得票数 0
3回答
我有一个jQuery multiselect，它默认选中了select all选项。每当所选选项发生变化时，我都会相应地重新加载页面数据。
一切都很好，除了‘全选’按钮点击不会触发onChange事件，并且我不能在点击时重新加载数据。我也尝试将事件处理程序附加到checkAll和selectAll，但都无济于事。
$("#testselect").multiselect({
nonSelectedText: 'None',
allSelectedText: 'All Selected',
inclu
浏览 7提问于2016-07-12得票数 1
2回答
单选按钮选定值；可选择3个选项
、、、、
只使用超文本标记语言和JavaScript，我试图获得名字，姓氏详细信息，然后从三个单选按钮中选择最喜欢的颜色。我可以让名字和姓氏起作用，但不能做单选按钮？
HTML文件：
<html>
<title>Task 3</title>
<head>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
<form name="formDetail
浏览 3提问于2016-10-16得票数 1
1回答
我试图根据从服务器获得的数组数据来呈现几个复选框。这就是我声明状态变量的方式
this.state = {
isLoading: true,
checkBoxes: []
};
//This is how I set value in componentDidMount
componentDidMount() {
console.log("Data from JSON = " + JSON.stringify(this.props.dataSource[GLOBAL.JSONKEYS.OPTIONS]))
浏览 1提问于2019-01-18得票数 1
回答已采纳
使用WebStorm 11.0.3构建一个Meteor应用程序。我注意到要花很长时间才能想出一些上下文敏感的菜单，而这些菜单又是繁忙的五颜六色的循环循环。
我试图右键单击项目，看看是否有“忽略文件夹”，但没有找到它。
哪些不必要的文件夹需要排除，以及如何加快索引希望它将是更快的IDE？谢谢
浏览 1提问于2016-03-18得票数 0
回答已采纳
我对checkboxes和jquery有意见。我设置并事件点击选中复选框的父亲(Div)，但如果我直接点击复选框，它不会被选中。
你可以在这里找到代码：
谢谢。
浏览 0提问于2011-12-29得票数 0
回答已采纳
是否仍然可以使用图片在页面视图上推送自定义维度？我在GA中设置了自定义维度，但没有在标签管理器中的“页面视图设置”下看到添加自定义维度的选项。如果可能，您需要完成哪些步骤才能启用它？
我对此没有选择，图像上写着“跟踪类型”，它似乎来自于GUI的旧版本。
浏览 0提问于2018-09-14得票数 0
回答已采纳
我是JQuery新手，我注意到了这一行$('#DivID [type=checkbox]')，我想知道是否也可以使用相同的方法找到select或选项标记。
更新: DropDownList/Select /我有一个有多个标记的div，它的值刚刚更改。
Update2，我使用的是InstaFilta，这是一个JQuery插件，它根据附加到我的内容标签上的自定义属性过滤内容。下面是一个函数的片段，它在使用CheckBoxes时也是这样做的，我正在尝试编辑它来处理DropDownList/Select。
var $ex10Checkboxes = $('#ex10 [type
浏览 4提问于2015-04-17得票数 0
<!--
if all checkboxes are not 'checkecd' then check all
if some are 'checked' then check all
if all are 'checked' then uncheck all
-->
const btn = document.querySelector('button');
btn.addEventListener('click',()=>{
const allb
浏览 33提问于2020-05-15得票数 1
回答已采纳
我有一个以CheckBoxes作为行元素的ListView (参见下面的行布局)。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="horizontal" >
<CheckBox
and
浏览 1提问于2013-05-17得票数 0
3回答
我正在处理这个eCommerce项目，在这个项目中，如果选中了某个特定的复选框，我需要计算“运费”。这是复选框的代码：
<div class="alert alert-info">
<p>Shipping Outside Lagos (N2, 000)</p>
<input type="checkbox" name="shipping" id="shipping">
</div>
如何编写jQuery函数，以便在检查输入时获得变量中的值。假设默认值为2000，我如何才能获
浏览 0提问于2014-04-03得票数 0
3回答
最好用一个例子来解释一下(我是jQuery的新手，先说声抱歉)：
// Selector for checkboxes not checked
var checkboxes = "input:checkbox:not(:checked)";
// Selector for labels relative to checkboxes not checked
var labels = "label[for=" + $(checkboxes).attr("id") + "]";
$(checkboxes + ", "
浏览 9提问于2011-07-22得票数 0
有没有一种快速而优雅的方式从Javascript复选框中选择一周中的一天或多天，将其移动到PHP，并在处理后相应地从SQL获取查询，在PHP端选中哪些框-例如如果我检查了星期一和星期三，应该在PHP端将extract (dow from timestamp) = 1 or extract(dow from timestamp) = 3添加到我的查询字符串中-
在-in我的这个问题之前，我用C++/Qt实现了一个又快又脏的解决方案：
然后得到了一个答案，显示了做这件事的最短方法--现在我想知道在PHP中是否也有类似的方法。
浏览 0提问于2012-10-10得票数 0
回答已采纳
2回答
谢谢你能来！因此，在DB上，我有Table1和表2，它们有相同的列。我想要做的是，管理员检查Table2上请求的更改，并为每一列设置一个复选框，以决定哪些更改可以更改，哪些不可以。
到目前为止我有这个
如果原始表和修改表之间有更改，则单元格将其颜色变为绿色，并自动检查其自身。到目前为止还不错但是。
如果我按下Submit按钮，我似乎没有捕获勾选复选框的值，到目前为止，我捕获的最大值是一个“数组”值，字面意思是，不是内容，而是像这样的“数组”，每个单元格的代码都很长，现在我集中精力把第一行做对，这样我就可以把它实现到其他行了，所以下面是它的样子：(很抱歉，它太乱了)
<tr>
浏览 0提问于2016-12-07得票数 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
回答已采纳
2回答
我有一个通过我的模型枚举的表。我在那里的每一行都有这个复选框。
<input type="checkbox" name="IsSelected" value="<%=item.PartNo%>" />
我想使用jquery来找出哪些复选框被选中，我尝试这样做
var selected = $("#IsSelected").val();
但选中的只是未定义。有没有办法做到这一点？谢谢
浏览 0提问于2010-06-25得票数 0
回答已采纳
1回答
让我们假设:一个带有表单元素外部动态生成复选框的页面。
在用户选中了一些复选框之后，我希望将所有这些复选框(选中或未选中)附加到form元素中，以便当用户单击"submit“按钮时，表单会考虑到复选框、它们的ids、名称、数据名称及其状态(选中或未选中)。这有可能吗？
我在这里试过一个密码笔：，但到目前为止没有成功。
jQuery代码：
//insert all checkbox input elements into the form id="reservation"
$("#reservation").submit(function(evt)
浏览 0提问于2018-03-28得票数 1
回答已采纳
在SAS 9.4中，我使用带有列表首选项的输出窗口进行发送。但是，该窗口不会自动滚动以显示新输出。例如，如果我首先执行proc打印，输出将显示在“输出”窗口的第一页上。如果我再进行一次proc打印，输出窗口将保留在第一页，并且不会自动向下滚动以显示第二个proc打印结果。肯定有一个我没有正确设置，但还没有弄清楚的首选项。提前感谢您的建议/解决方案。
djohns
浏览 7提问于2016-05-09得票数 0
我有一系列这样的复选框：
<input type="checkbox" id="checkbox35080"></td>
<input type="checkbox" id="checkbox23000"></td>
<input type="checkbox" id="checkbox5000"></td>
<input type="checkbox" id="checkbox7000"&
浏览 0提问于2015-09-17得票数 1
1回答
Html
<td>
<input type="checkbox" value="1" id="t1" checked="checked" class="filter" /><label
for="t1">T1</label>
</td>
<td>
<input type="checkbox" value="2" id="t2"
浏览 5提问于2012-08-23得票数 1
回答已采纳
2回答
我有这个表格来回答一个用户在一个html文件中收到的调查。 <form method="POST" action="/answerSurvey">
<ol>
{% for q in questions %}
<li>
<label for="questionBody"><b>{{ q.body }}</b></label>
<ul style="list-style: none;">
浏览 15提问于2021-07-13得票数 0
我有一个由布尔型字段组成的数据库，因此在html表单中，我将输入类型设置为复选框，并希望使if复选= "True"，uncheck = "false“。
How can i archive that ? By now if i check them i see a 0, if i don't check i don't see nothing. I have tried to put and hidden field and work with that but not getting any results.
如果
浏览 1提问于2014-06-13得票数 0
回答已采纳
2回答
我想创建一个sub，如果复选框被选中，则插入图片，如果未选中，则将其删除。这就是我到目前为止所得到的，并且第一部分(选中时插入)工作正常。有什么想法吗？
Dim chbx
Set chbx = ActiveSheet.CheckBoxes.Add(240, 15, 144, 15.75)
chbx.Characters.Text = "DisplacementPicturesIns"
chbx.OnAction = "DisplacementPicturesIns"
If chbx.Value = True Then
chbx.OnAction = Tr
浏览 0提问于2018-05-21得票数 1
我在表中有一列，其中包含复选框，以便用户可以单击多行并删除数据。我已经成功地通过使用for循环在单击这些框时显示了一个删除按钮。我正在努力解决的是，当用户取消选中所有的框时，如何让按钮消失。我用头撞墙的时间比我愿意承认的要长，而且我还没有发现任何以前有帮助的问题。提前感谢您的任何意见！ function memDeleteButton() {
// Pass the checkbox name to the function
let checkboxes = $('input[name=members]:checked');
let deleteBut
浏览 19提问于2020-11-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
