如何用JavaScript / jQuery选择/取消选择带有复选框的选项？
在JavaScript / jQuery中，可以使用以下方法来选择和取消选择带有复选框的选项：
- 选择所有复选框：
- 选择所有复选框：
- 取消选择所有复选框：
- 取消选择所有复选框：
- 选择特定的复选框：
- 选择特定的复选框：
- 其中，
#checkboxId是复选框的ID。 - 取消选择特定的复选框：
- 取消选择特定的复选框：
- 其中，
#checkboxId是复选框的ID。 - 选择符合特定条件的复选框：
- 选择符合特定条件的复选框：
- 其中，
name="checkboxName"是复选框的name属性。 - 取消选择符合特定条件的复选框：
- 取消选择符合特定条件的复选框：
- 其中，
name="checkboxName"是复选框的name属性。
以上方法使用了jQuery的选择器来选择复选框，并使用.prop('checked', value)方法来设置复选框的选中状态。其中，value为true表示选择，为false表示取消选择。
这些方法可以应用于任何包含复选框的HTML元素，例如表单、列表等。在实际应用中，可以根据具体的需求和页面结构来选择和取消选择复选框。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我已经创建了一个带有4个复选框的用户控件(服务器控件)。我想只允许选中四个复选框中的一个。
用户控件被动态加载到页面上。I页面可能有多个相同的UserConrol。
如何使用jQuery或Javascript来完成此任务？
浏览 0提问于2010-11-24得票数 1
回答已采纳
首先，我有一组复选框元素，我希望每次我点击它时，都会有一种方法来计算表单中有多少个复选框处于活动状态。下一步，限制我想要选中的复选框的数量，如果达到了限制，那么我希望禁用其余的复选框。目前，jquery .length返回复选框的总数。
顺便说一句，我使用了一个自定义的javascript/css复选框，但我认为想法是一样的。
浏览 1提问于2013-08-07得票数 0
6回答
我有一个带有复选框和提交按钮的表单。我希望在提交表单时自动选中该复选框。
我如何使用jquery或javascript做到这一点？
浏览 1提问于2012-06-07得票数 1
回答已采纳
我使用id (如chkBox100等)和onClick函数动态生成复选框。
我想做的是
一次只选择一个复选框。如果选中上一个复选框，则选中另一个复选框。取消前一个复选框。如果单击所选复选框，则应取消。。
我想在没有jquery或任何其他库的标准javascript中这样做。
请帮助您的帮助，将不胜感激。到目前为止，这是我的密码。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html
浏览 1提问于2011-12-15得票数 1
回答已采纳
我想要的是能够为文档中的所有复选框创建一个事件侦听器。因为复选框和单选按钮将在JavaScript中动态添加，而不是为每一个单独的事件侦听器添加一个事件侦听器，并且只有一个常规事件侦听器来检查任何带有jquery函数的复选框中的更改(如果可能的话)。我知道如何用一个复选框来完成这个任务。
$('input[name=manybackgrounds]').change(function(){
if($(this).is(':checked'))
{
alert("it is checked");
}
else
{
alert(
浏览 1提问于2014-03-06得票数 0
回答已采纳
1回答
我在玩拉拉和数据。是我想要理解的表单中的带有筛选选项的表。基本上配置了路由和控制器，如示例所示，但不能通过ajax动态地从下面的下拉列表中获取值。
<select class="form-control" id="asortment" name="asortment">
<option value="68">A</option>
<option value="5">B</option>
...
负责ajax通信的Javascript：
<scri
浏览 4提问于2017-10-24得票数 1
回答已采纳
3回答
我有一个工作簿，其中一个选项卡上有许多复选框(表单控件)。我根据其他选项卡中的值选中(Yes/No/NA)复选框。带有复选框的选项卡是一个创建的表单，需要打印，但用户不能单击任何框，因为这些决定是由公式驱动的。
我已锁定工作簿，并取消选中弹出窗口中的所有框。
所以问题是，我如何防止所有的复选框都被点击/选中？
啊哈，LarryR..。
浏览 0提问于2012-03-28得票数 3
回答已采纳
我确实进行了搜索，但找不到任何帮助我解决特定问题的东西。我有一个用于客户地址的textboxes，一个用于企业地址的textboxes，以及一个用于标记地址是否应该相同的复选框。我需要获得复选框来填充业务地址与客户地址onclick和取消填写他们的onclick。我尝试过通过jquery和直接的javascript DOM操作使用几种不同的方法，最成功的是在下面的代码中，虽然它只用cust_street值填充biz_street文本框，但我不明白为什么。感谢一些帮助，无论是在jquery中还是在直接的javascript中，都不能使用php (很遗憾)。
这是在jsfiddle上(根据rjmu
浏览 0提问于2013-02-25得票数 0
回答已采纳
1回答
我使用的引导带框架与插件。
这是一个常规的选择标记，而不是多个，下面是我使用的代码：
<select class="selectpicker show-tick" name="main_course_select" id="main_course_select" title="main" data-style="btn-primary" data-width="100%">
<?php echo get_food($mysqli,'main'); ?>
浏览 1提问于2015-08-19得票数 1
回答已采纳
3回答
嗨，我有一个带有复选框的下拉列表。下拉列表如下所示：* Select All * N1 * N2 * N3 * N4我想默认选中所有复选框。但是当用户想要有选择地选择时，他/她必须取消选择全部，这将取消选择所有复选框，然后他/她可以选择。
<select id="filter-select" multiple="multiple" >
<option value="1">Select All</option>
<option value="2">N1&
浏览 4提问于2015-10-15得票数 0
下面是使用jQuery 1.4.4的代码：
<input type="checkbox" value="on" offval="off" id="c5f1_Associated" name="Associated" class="editable">
<script type="text/javascript">
$('input:checkbox').live('change', function() {
al
浏览 2提问于2011-01-13得票数 4
2回答
我有一个带有复选框的多选下拉菜单( jquery includeSelectAllOption )，我只想要最后选择的值，而不是所有选中的复选框值。
<select class="form-control" id="change_city" multiple="multiple">
<?php foreach ($city_array as $key => $value) {
# code...
echo "<option value=".$value['city_i
浏览 5提问于2018-04-07得票数 0
我正在使用带有复选框的Ultrawebtree
如果选中或取消选中父节点，则随后应根据父节点的选中状态来选中或取消选中所有子节点。我知道这可以通过使用javascript遍历所有节点项来完成，但是当有100个子节点时，同样会出现性能问题。
那么有没有办法用一行语句来设置所有子节点检查属性的属性(最好使用JQuery)
就像这样
$(#treeid).siblings.attr("checked", false) //etc (I am sure this line of code won't work)
因此，我的需求是用一条JQuery语句替换递归调用树节点以进行检查
浏览 0提问于2011-09-15得票数 2
我有一个<select> html元素，我让用户创建对象，然后这些对象会动态地包含在下拉选择列表中。我希望选择菜单设置为新创建的对象。如何用jQuery设置选中的元素？
浏览 1提问于2011-04-23得票数 0
回答已采纳
我的mvc4剃刀页面上有一个复选框和一个下拉列表
取消选中复选框时，需要将下拉列表的选择重置为0
$("#chkProcess").click(function (event) {
//on-click code goes in here.
var chkProcess = $(this);
if (chkProcess.is(':checked')) {
//do process
} else {
$('#locationSelectList&
浏览 2提问于2013-09-05得票数 0
1回答
我有一个带有表单的jQuery移动应用程序。当某人填写存储在localStorage中的表单时，表单具有多个表单元素。
填写一份表格后，您可以在历史记录页上查找旧的表单。当某人打开旧表单时，需要根据localStorage信息填写表单元素。我已经使用了第一个下拉列表，但是当我向页面添加复选框时，只有下拉框才会刷新。
我的JavaScript代码：
if (key !== "")
{
key = key.replace("?key=", "");
var string = localStorage.getItem(key);
浏览 0提问于2013-09-13得票数 2
回答已采纳
我正在尝试使用primefaces组件p:selectBooleanCheckbox和jquery实现Select All复选框。
下面是我的代码：
<p:selectBooleanCheckbox id="selectAll" onchange="selectAll(this);" itemLabel="select all"/><br/><br/>
<p:selectBooleanCheckbox id="test1" itemLabel="test1"/><
浏览 0提问于2012-01-13得票数 4
回答已采纳
Rails 2.3.5，到目前为止只在这个项目中使用Prototype。
我有一个带有复选框和单选按钮的表单。我已经尝试了几个脚本，试图找到一种方法，为不影响单选按钮的复选框提供"Select“/ "Select”功能。即使特别包含复选框id的脚本也会导致单选按钮切换。
类似于这个问题的最上面的答案(基于原型)：
即使函数接受复选框的id，它也会影响表单中的单选按钮(最后一个单选按钮将被选中)。
我尝试过的几个脚本使用了复选框的名称，但在我的例子中，它们的名称是数组的name="selected_contacts[]"，我不知道如何让Javascript访问函数
浏览 6提问于2011-02-13得票数 0
回答已采纳
2回答
提交按钮中的复选框值
、、、、
所以这很难描述，但我不能理解，我觉得我已经很接近了！
基本上，我有一个需要组织的东西的清单。
让我们假设它的书，我有所有这些书，上面有所有的信息(作者，长度，标题，流派)。如果我想搜索我的一系列书籍，特别是喜剧书籍。我会勾选喜剧的复选框，然后点击搜索。
我已经让它很容易地工作了！棘手的部分是，我希望它在被选中时立即进行搜索，而我的javascript在运行代码之前会搜索复选框，以查看哪些复选框被选中，从而消除不相关的答案。因此它需要是一个提交的复选框值。
有没有一种方法可以让我的图像像一个按钮一样，带有复选框值...？
到目前为止，我已经接近了：
<div class="well
浏览 7提问于2015-07-24得票数 0
我的主要问题是我想删除/解除绑定rowSelect、rowUnselect和rowDblselect事件
来自数据表。
<p:dataTable id="myTable" value="#{myBean.myLazyModel}" var="var"
selection="#{myBean.selectedBean}" styleClass="uta-table lightgrey-table">
<p:column selectionMode="mul
浏览 1提问于2014-01-03得票数 0
ASP .NET Web中有一个bug --如果您取消了客户端的所有收音机(带有javascript)，那么在您做回发之后，将选择列表中的第一个项目。
例如，尝试运行以下jquery：
$('#myRadioList input').attr('checked', '');
完成回发后，将选择RadioButtonList中的第一项。
有人知道附近有什么优雅的作品吗？
浏览 0提问于2011-05-25得票数 0
我在jQuery中有以下代码-
$(".new_makes_button").click(function(){
if($(".new_makes_button:checked").length == 0) {
那么，如何用$(this)替换上述代码第二行中的类选择器".new_makes_button“？我只是在寻找正确的语法。这里有几个带有"new_makes_button“类的复选框，并单击其中任何一个，我正在检查所有复选框何时未选中，然后运行以下代码。
浏览 1提问于2014-07-13得票数 0
回答已采纳
我有一个网站，目前有很多单选按钮。就在最近，我决定我更喜欢把收音机和复选框结合在一起的行为。因此，如果单击复选框，它将取消选中(如复选框)，但如果单击未选中框，则单击复选框和所有其他复选框不选中(如单选按钮)。
这里提出并回答了一个非常类似的问题，，但是答案是用jquery编写的，我试图将所有内容都保存在javascript中。
我可以四处游玩，直到我找到有用的东西，但这种技术通常会给我一些只能在一个浏览器上工作的东西，所以我希望能得到一个“行业标准”的答案，它适用于过去和将来的所有浏览器(尽可能多)。
理想的解决方案是让我将标记保留为单选按钮，因为我正在处理我还在学习时编写的代码，而我的CS
浏览 5提问于2022-03-05得票数 0
回答已采纳
3回答
我有一个带有几组复选框的网页(在每组中，所有复选框都共享同一个类)。我不仅希望限制可以选中的复选框的数量，而且还希望限制以下内容-如果要选中的复选框的最大数量是3，并且用户选中了第4个复选框，而不是显示一条消息，我希望取消选中时间最长的复选框。考虑到我有多组复选框，并且每组都有不同的最大允许复选框数，如何实现这一点？
顺便说一句，我没有使用jQuery UI复选框元素。
谢谢!
浏览 2提问于2011-07-18得票数 1
我有一个带有几个HTML选择控件的网页，这些控件都允许多个选择。在每个控件旁边，我们有一个"Clear“按钮，可以取消选中控件中的所有选中项，onclick看起来像这样：
<input type=button value="Clear" size=5 onclick="selectOptions('n.MyControl', false)">
调用的Javascript代码如下所示：
function selectOptions(controlName, bSelectItems)
{
for (i=0; i <
浏览 0提问于2010-09-22得票数 2
回答已采纳
我正在为我们的注册/登录等用户流使用自定义策略。在Chrome & Edge中导航到注册表单时，表单会在屏幕的一半位置滚动显示。我相信这是因为最下面的输入字段(复选框)有一个autofocus属性，即：
<input name="xxx" id="xxx" autofocus="" type="checkbox" value="True" />
我可以验证最低的输入(复选框)是否有焦点，因为当我按下空格键时，它会切换。
看起来微软页面中的javascript正在动态地设置这个自动聚焦属性。在ja
浏览 0提问于2018-10-23得票数 5
1回答
我有一个关于带有"filter“的jQuery中的selectable函数的问题。
在demo中我添加了一些代码，你能告诉我为什么这些代码不能工作吗？
在本例中，这非常有效(您可以拖过复选框，然后选中多个复选框)：
在这里，我不想在"td“中添加"class”，而是使用td-width(过滤器)：
浏览 3提问于2012-11-08得票数 0
如何用按钮链接复选框和单选按钮在JavaScript中打开页面？
例如:选择"one“复选框和单选按钮，然后单击按钮打开包含每个人的page.This思想:选择"one”复选框和单选按钮，然后单击按钮打开不同的页面。
无线电：
0级1
0级2
0级3
复选框：
加法
分部
乘法
减法
{button}
我有这个代码...{只有无线电是工作的}....I不知道如何连接无线电与复选框。
浏览 0提问于2012-06-16得票数 0
我正在尝试创建一个下拉菜单，允许用户通过复选框选择多个选项。我使用jQuery，以便用户只需在复选框容器内单击(即复选框文本或文本周围的空格)，将复选框标记为复选框或未选中，w/o只需单击复选框：即可。
<script type="text/javascript">
$(document).ready(function () {
$(".dropdown-menu li").click(function () {
var cb = $(this).find
浏览 1提问于2014-06-20得票数 1
回答已采纳
我有一个<select>，有三个选项，名为select、Scheme1、Scheme2。根据方案#的选择，我必须切换Checkboxes (用于Scheme 1)和radio按钮(用于Scheme 2)。
案例1:当我选择Scheme1选项并选中两个(B和C) checkboxes时，就可以了。
案例2:当我选择Scheme2选项并选中radio按钮并选择B选项时。
现在，如果我再次选择Scheme1，我丢失了先前选择的两个复选框A和B，如果我选择Scheme2，我也丢失了我从单选按钮中选择的选项B。
我怎么处理这个。目前，我每次都在画新的复选框列表和单选按钮列表。
如
浏览 0提问于2013-05-28得票数 0
回答已采纳
我到处看了看，但这里的建议似乎都不适合我。我如何用Jquery检查表单上的任何复选框是否被选中(如果是，激活一个按钮)，如果没有选中任何复选框，我如何停用按钮？到目前为止，我有这样的想法：
<script type="text/javascript">
//form-1
if ($('#form-1 input=[type="checkbox"]:checked').length > 0) {
$('#form-1 a.green-btn').removeClass('inactive');
}
浏览 4提问于2012-05-12得票数 0
回答已采纳
2回答
我有一个带有复选框的html表单。要求至少有一个复选框已选中。如何使用JavaScript获取所有复选框的值，如果复选框中没有选中一个复选框，则显示带有消息的警报？
浏览 0提问于2011-10-31得票数 0
回答已采纳
2回答
我正在使用一个来自jQuery UI的带有复选框的表单，但我遇到了一些问题：
下面是我的代码: php
<input type="checkbox" id="check'. $empl->getAttr('id') .'" class="intervenants" /><label for="check'. $empl->getAttr('id') .'">'.$empl->getAttr('nom')
浏览 0提问于2010-05-28得票数 0
我有很多复选框。例如，100；我需要选择20，不同的复选框。当我将检查20 ChB时，我想禁用任何其他的复选框，但是启用取消选中的复选框。这是真的吗？我知道所有复选框的I。我怎样才能通过JQuery做到这一点呢？
function PageSelected(sender) {
selectedIds = [];
var enough = 0;
$('input[type=checkbox]').each(function () {
if (avblPagesCount <= selectedIds.length) {
浏览 19提问于2013-09-24得票数 1
回答已采纳
我仍然是Javascript和Jquery的新手，在这方面遇到了一些麻烦。
我希望能够使用select选项将值从一个字段集(#a)传递到另一个带有复选框选项的字段集(#b)。例如，字段集#a具有默认选项1、2、3、4、5。字段集#b可以有更多选项，但必须至少包括来自#a的默认值。
fieldset #a的代码片段：
<fieldset id="a">
<legend><span>Default Option</span></legend>
<div class=&#
浏览 0提问于2012-04-20得票数 0
回答已采纳
我正在使用Jquery Datatable。我想有一个带有标题的第一列和带有复选框的行，并应切换选择标题复选框与其余行的复选框。我有下面的实现。
Datatable属性
"aoColumns": [{ "sTitle": "<input type='checkbox' id='selectall' onclick='toggleChecks(this);' ></input>", "mDataProp": null, "sWidth": &
浏览 10提问于2013-07-26得票数 5
我有一个带有三个复选框的简单页面，带有自动填充数据by jQuery和第四个没有数据(空)的复选框。
<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="MasterPageWithHTMLInput.aspx.cs" Inherits="Test_WSMS_TV.MasterPageWithHTMLInput" %>
<asp:
浏览 4提问于2015-08-12得票数 1
6回答
我正在使用jQuery验证插件进行客户端验证，但我的验证不适用于我的复选框。
<select id="select" class="required">
<option value="-1">Choose</option>
<option value="child">test2</option>
</select>
JavaScript
$("#formid").validate({
select: {
浏览 0提问于2012-12-19得票数 5
回答已采纳
我试图将复选框的颜色更改为灰色，但我只看到checkbox控件的文本部分将颜色更改为灰色，但实际的复选框图标仍然是黑色的。请告诉我如何把两种颜色都改成灰色。谢谢,
CheckBox rememberMe = new CheckBox(" Keep me logged in");
rememberMe.setUIID("GreyColor");
rememberMe.setOppositeSide(false);
现在我确实看到了带有灰色文本的rememberMe复选框，但实际的复选框显示为黑色边框。
浏览 0提问于2017-04-09得票数 1
3回答
我有一个带有复选框的屏幕。当单击标签时，将打开一个带有文本和同意按钮的新窗口。一旦用户单击了agree按钮，就会设置一个cookie，其中包含一个引用该复选框的唯一id。如何根据cookie是否等于1来选中此复选框？代码如下。
document.cookie = "doc_35_readit=0";
$('#have_read_agreement').on('click', function () {
document.cookie = "doc_35_readit=1";
});
现在
浏览 0提问于2017-12-28得票数 0
我正在做一个项目，它基本上是一个带有嵌入式IE浏览器的Java应用程序(使用JDIC 0.9.5)来显示自定义HTML文件(存储在我创建的本地)。我有一个带有JavaScript函数的测试HTML文件，该函数检查一个带有复选框的简单表单，并通过一个对话框提醒用户选中了哪些复选框。
我的问题是，有没有办法让我的Java应用程序在嵌入的HTML表单上执行相同的过程，而不是使用JavaScript。我想让我的应用程序和HTML文件保持简单，而不是让HTML中的JavaScript和一堆.js文件乱七八糟。感谢您的帮助和指导！
浏览 0提问于2010-07-07得票数 1
回答已采纳
3回答
我想在单击图像时打开一个下拉列表，并显示一条警告消息，指出正在单击哪个下拉列表选项。
我的html代码是：
<div class="account_notification">
<a href="#">
<div class="notify_notification">click</div><!-- notify_notification close --></a>
</div><!-- account_notification close -->
&
浏览 0提问于2014-04-06得票数 0
1回答
我有一个使用多个ActiveX复选框的excel文件，当然这些复选框都有一个链接的单元格，当单击时会从另一个工作表中拉出数据，并在复选框旁边显示一个图形。
该文件还使用连接来提供信息，一旦用户从上面的一些数据验证下拉列表中进行了选择-连接发生在其他地方的工作表上，因此许多单元格当然会根据对下拉列表和复选框的选择而改变值。
有没有一种锁定工作表或工作簿的方法，意味着用户仍然可以在下拉列表中选择所需的信息，以便在其他单元格中连接和显示信息，并允许复选框在用户无法查看和/或选择/更改工作表中的任何公式或单元格的情况下检查和显示信息？
希望这是清楚的，谢谢你的帮助！！
浏览 1提问于2017-01-25得票数 0
我的jsf页面中有一些selectBooleanCheckbox元素。所有元素都有一个javaScript函数，该函数绑定在属性“onchange”处：
<h:selectBooleanCheckbox value="#{bean.value_1}" onchange="updating(this, '#{textprop.value_1}', '#specific_html_dom_element');"/>
此外，我还使用JQuery创建了一个功能，用于在xhtml jsf页面中选择所有可用的selectBoole
浏览 1提问于2014-01-21得票数 0
1回答
我是javascript的新手。我希望在我的复选框上进行验证。我有这个html
<input type="checkbox" name="acceptTerms"/>
<input type="submit" name="subscribe" value="Enter now" title="Enter now" />
当您提交时，并且未选中该复选框。复选框必须获得类"error“。选中复选框时。则表单必须为sumit。如何用jQuery / js做到这一点呢？
谢谢
浏览 3提问于2012-10-22得票数 0
回答已采纳
2回答
处理HTML中的多个复选框
、、、、
我不是HTML和JavaScript方面的专家。但这就是我想要做的。
我创建了一个HTML/jQuery/JS/CSS脚本。
HTML文件以表格形式列出文件的数量(数字不是固定的)，我为每个文件都有复选框。
用户可以选择一个或多个文件被删除，并点击“提交”按钮。
以下是我尝试过的：
列出表格列中的所有文件，<td><input type="checkbox" id="deletefile" /></td>Submit ，，，，，复选框，，，提示用户确认所有文件，，我编写了用删除文件的代码(我需要调用正确的URL来删除单个文件)
浏览 1提问于2011-11-26得票数 0
在我的rails应用程序中，会显示一个记录列表，每个记录前面都有复选框，还有一个用来选择所有记录的复选框。我想在文本区域中添加或删除parents_contact_no数据。选中复选框时，应将相应记录的parents_contact_no添加到用逗号分隔的文本区，取消选中相应记录的复选框时，应删除相应记录的parents_contact_no。如果选中了select all复选框，则应将所有记录的parents_contact_no添加到文本区域。
必须在其中显示数字的文本区域
<div class="field">
<%= f.label :se
浏览 0提问于2015-06-23得票数 2
2回答
我有下面的代码。
<html>
<head>
<title>Insert and Show Records using jQuery Ajax and PHP</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(function(){
//insert record
$('#tagid').click(
浏览 5提问于2014-01-15得票数 1
回答已采纳
我有一个页面与两套<select mutiple>，其中有JQuery选择的功能附加到它。
当用户单击复选框时，我需要
a)获取两组select中的一组列表
b)对于每个select，读取所选选项
c)将实际未选中的选项之一标记为选中
d)在实际选择的选项中标记未选择的选项
我做的唯一部分是"a)"：
var regioni = document.getElementsByClassName('regioni');
在regioni中我有select的列表，但是现在我不知道其他部分是怎么做的。
请只使用纯javascript或JQuery的解决方案。
浏览 10提问于2018-08-24得票数 0
我无法选择复选框，其中有id="check stage<lead>"在jQuery选择器。
HTML：
<input id="check stage<lead>" type="checkbox" title="Select/Unselect Column" name="chk-stage-column-select" value="" onchange="">
Javascript：
// escape jquery selectors
浏览 0提问于2016-03-17得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
