选中复选框不起作用时更改html元素内容
当选中复选框不起作用时，可以通过改变HTML元素内容来解决。以下是一个可能的解决方案：
- 首先，确保复选框的HTML标记正确且完整。例如，确保使用了正确的ID属性来与相关的标签元素关联。
- 使用JavaScript来检测复选框的状态变化。可以通过监听复选框的事件，例如
change事件或click事件。 - 在事件处理程序中，使用JavaScript来更改相关HTML元素的内容。可以通过DOM操作方法，例如
querySelector和innerHTML，来获取和更改HTML元素的内容。 - 以下是一个示例代码片段，展示了如何根据复选框的状态来更改相关HTML元素的内容：
- 以下是一个示例代码片段，展示了如何根据复选框的状态来更改相关HTML元素的内容：
- 以上示例代码中，当复选框被选中时，会将相关
<div>元素的内容更改为"复选框被选中"；当复选框未被选中时，会将内容更改为"复选框未被选中"。
这是一个简单的解决方案，可以根据实际情况进行修改和扩展。如需了解更多关于HTML、JavaScript的相关知识，可以参考腾讯云提供的云计算产品文档和HTML教程。
相关·内容
我需要选中一个复选框，如下图所示。我试着在导航舞台上设置"Set Checked“，但它似乎不起作用。
当我尝试使用HTML模式捕获复选框元素时，它被捕获为HTML元素，而不是HTML复选框。
有人能帮我一下吗？
浏览 0提问于2017-10-23得票数 0
我有一些html，比如：
<ul class="myclass">
<li><input type="checkbox"/>some text</li>
<li><input type="checkbox"/>some text</li>
<li><input type="checkbox"/>some text</li>
</ul>
我希望通过单击复选框或其任何部分来切换复选框。
浏览 4提问于2011-05-08得票数 2
回答已采纳
这是一系列事件：
1)有一个可见的HTML复选框，用户可以选中或取消选中该复选框
2)通过javascript将显示设置为none来隐藏HTML复选框
3)通过javascript将显示设置为block，从而使HTML复选框可见
4)用户的选择将恢复为复选框的默认值，例如，如果复选框最初呈现为“checked =checked”，而用户取消选中该框，则它将恢复为选中状态。如果它没有在选中的情况下呈现，并且用户选中了该框，它将返回到未选中状态。
当用户打开我的web应用程序的另一部分时，复选框被隐藏。但是当他们回去的时候，复选框不应该改变...愚蠢的IE6。有没有办法解决这个问题？
我甚至尝试添
浏览 0提问于2010-11-29得票数 0
回答已采纳
4回答
我在使用d3 selection选中和取消选中复选框时遇到困难。下面的代码似乎不起作用。我希望在按下' check‘时选中所有复选框，在按下'uncheck’时取消选中所有复选框。
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<button type
浏览 7提问于2013-11-08得票数 18
3回答
如何在通过javascript更改值后刷新页面/复选框。我的应用程序从本地存储读取一个布尔值，并选中或取消选中复选框。
$('#settingsContent').trigger("create");
$('#settingsContent').page();
试过这两种方法，但不起作用。只有使用page() Methode，我才会得到一个白色的页面。只有使用触发器(“创建”)才不会发生任何事情。
<div id="settingsContent">
是我的div标签的名字。
它是一个使用jquery等的phoneg
浏览 6提问于2014-07-16得票数 0
3回答
很难附加单击事件。当用户选中复选框时，我只想做一些计算。当选中复选框时，span的类在未选中时变为“checkbox”&“unchecked”。没有显示输入复选框&而且当选中它的属性' checked‘时，也不会应用它，这使得它更加困难。
HTML:
<div class="checkboxBtn" style="border:1px solid blue;">
<span class="cheked" style="width:20px;height:20px;border:1px so
浏览 3提问于2014-11-18得票数 0
回答已采纳
自从升级到jquery 1.9后，我的脚本停止了选中/取消选中复选框的工作。
我有一个主复选框，用于控制选择/检查表中的复选框列表。升级到新的jquery版本后，只有在最初单击"Check all“复选框时才会选中。第二次单击"Check all“会导致复选框取消选中，但在单击表复选框2次后执行"Check all”将不再起作用。
脚本：
$("#itemsList .checkall").on("click", function () {
$(".checkbox").attr("
浏览 1提问于2013-04-24得票数 1
回答已采纳
7回答
我在html表的列中有一个复选框。当我检查或取消选中它时，我希望从同一行的下一列的文本区域中显示/删除一些文本。
我做了以下工作：
$(this).parent().parent().find('textarea').text = 'some text'
而且还
$(this).parent().parent().find('textarea').val = 'some text'
但不起作用。
html类似于：
<tr>
<td>
<input type="che
浏览 5提问于2013-08-23得票数 5
回答已采纳
我在自己的JavaScript文件中有以下.js代码，它试图隐藏/取消带有类“邮件地址-控件”的div，这取决于是否选中了“邮件地址-复选框”。我希望在页面加载时发生这种情况&如果复选框值被更改的话：
$(document).ready(() => {
function mailingAddressCheckbox() {
if ($(this).is(":checked"))
$(".mailing-address-controls").addClass("hidden");
浏览 0提问于2018-06-12得票数 0
回答已采纳
我有一个HTML表，每行都有一个复选框。
我想在表上循环，看看是否有复选框被选中。以下内容不起作用：
$(document).on("click", "#Button2", function(event)
{
$('#mytable').find('input[type="checkbox"]:checked').each(function()
{
console.log($(this).text());
});
});
在上面的小提
浏览 3提问于2016-10-04得票数 0
回答已采纳
在选中CheckAll复选框时，我将检查页面上的所有复选框，并将每个复选框的父复选框(即表)移动到另一个div中。在取消选中CheckAll复选框时，我必须取消选中页面上的所有复选框，并从div中删除复制的表元素。
/*******************Check and Uncheck all the checkboxes on the page***********************************/
$("#dvReports #checkAll").click(function ()
{
var pageNum = $("#dtlRpt
浏览 1提问于2013-07-22得票数 0
回答已采纳
我正在动态地生成纸张复选框元素，通过使用来自数据数组中的项使用dom-重复。更新复选框的数组--正确更新，但聚合物不会将选中的属性重置为false。因此，如果数据更改，则复选框将正确更新，但仍会被选中。
在我看来，dom--重复使用以前创建的复选框，只需更改它们的属性。因此，当用户单击第一个复选框时，当dom-重复重新生成纸张复选框列表时，它仍然被选中。
下面是产生问题的代码(我只用Chrome测试过)。如果单击第一个复选框，然后单击“随机项”按钮，则仍然选中第一个复选框。
我怎么才能避免呢？我试图将选中的属性放置为false (checked=false)，但它不起作用。当然，它可以通过ja
浏览 2提问于2015-11-20得票数 3
回答已采纳
我有一些复选框，当选中复选框时，我希望标签的文本更改：
var listener = function() {
document.addEventListener('change', function(e) {
if (e.target.checked) {
e.target.label.className = "option-selected";
}
}
}
}
如果您感兴趣，可以使用HTML：
<input id="0A"
浏览 1提问于2013-12-20得票数 0
回答已采纳
2回答
我想通过Jquery实现以下目标
有多个行程，每次旅行都有复选框和文本框。
每当选中复选框时，与该复选框对应的textbox中的值必须更新为"1“。
每当客户输入文本框时，都应选中复选框。
第1次旅行
JQUERY作为
$(function () {
$("input[type=checkbox]").on('click', function () {
$(this).next().val($(this).is(':checked') ? '1' : '0');
});
$(&#
浏览 1提问于2015-03-11得票数 0
回答已采纳
我需要在一个页面上提交一个表单，并显示和隐藏在接收页面上的DIVs根据复选框被选中。该脚本还需要显示不同的消息，因为没有选中复选框，一些复选框被选中，或者所有复选框都被选中。这两个页面都是静态HTML。
浏览 2提问于2010-07-21得票数 0
4回答
当使用JQuery选中复选框时，我正在尝试填写表单输入。以下是我尝试过的：
HTML：
<input type="checkbox" class="reply_author_check"> I'm the CEO, bitch
<div class="form-group" class="reply_username">
<div class="col-sm-3">
<input type='text' class="form-contro
浏览 7提问于2014-02-01得票数 0
回答已采纳
我想用Javascript取消我的复选框，但是它没有起作用。然后，我尝试在HTML中直接将选中的属性设置为false，但即使这样也不起作用：(我也尝试了checked="false“.)
我的HTML：
<input type="checkbox" id="dateCheckbox" checked=false >
<label for="dateCheckbox"> Keinen Zeitraum angeben</label>
结果：
为什么还在检查？
浏览 3提问于2020-07-24得票数 2
回答已采纳
我有一个脚本，当祖先复选框被选中时，它应该选中所有后代输入复选框。
查看此处：
选中顶层复选框时，将选中其下的所有复选框。如果取消选中该复选框，则将删除这些检查。但是，如果您尝试第二次执行此操作，它将不起作用。
如果我做得不对，请让我知道。
大流士
$('.poSelect').click(function() {
var expandBox = $(this).parents('.pohelpTbl').next('.expandBox');
var receipts = expandB
浏览 1提问于2013-02-21得票数 1
回答已采纳
1回答
我正在动态地创建一个HTML，在表标题列中，我有复选框，text.Some复选框是在初始加载时选中的，有些没有选中。之后，我将在HTML表上应用datatable插件。但是，当我选中或取消选中标题中的一些复选框并尝试读取新值时，我总是在创建复选框时获得复选框的原始值。
下面是如何读取列复选框值
var columns = $('#myTable').dataTable().dataTableSettings[0].aoColumns;
$.each(columns, function (i, v) {
var object = jQuery.parseHTML(v.sT
浏览 4提问于2014-03-12得票数 0
回答已采纳
3回答
我编写此函数是为了在选中复选框时修改HTML标记的文本。
var price = 15
function checkPrice() {
let extraCheese = document.getElementById("extraCheese");
if (extraCheese.checked = true) {
price += 5;
// console.log(price)
document.getElementById('pizzaPrice').innerHTML = `Current Price: $${pr
浏览 0提问于2020-03-25得票数 0
4回答
我想启用一个输入字段，只有在选中付款复选框时才用于挑选付款日期！点击复选框触发付款确认问题，如果确认，复选框将被选中，输入框将是可编辑的！下面是不起作用的代码：
<script type="text/javascript">
$(document).ready(function(){
$("#talk").click(function(){
return confirm("Did you pay the tax?");
var isChecked = $('#talk').is(&
浏览 0提问于2012-10-24得票数 0
回答已采纳
我有多个复选框，一个页面上有标签。对于选中的每个复选框，我希望将标签附加到div (逗号分隔)。当其中一个复选框未选中时，我希望从div中删除该特定标签。复选框的数量可以是可变的。
到目前为止我所拥有的是：
$("input:checkbox").click(function() {
var selected = $("label[for='" + this.id + "']").text() + ',';
$("p").html(selected);
});
浏览 2提问于2016-09-14得票数 1
回答已采纳
3回答
下面是一些html：
<form>
<input type="checkbox" id="check-123" />
<input type="text" id="text-123" onchange="doSomething('123')" />
</form>
下面是一些javascript：
function doSomething(key)
{
var textbox = $('#text-'+key);
浏览 0提问于2013-06-18得票数 0
回答已采纳
2回答
我有以下代码显示姓名、姓氏、复选框和文本框：
<td>
@for (var i = 0; i < Model.checkBoxListTeamA.Count();i++ )
{
<div class="ScorerCheckboxList">
@Html.HiddenFor(it => it.checkBoxListTeamA[i].PlayerId)
@Html.Label(Model.checkBoxLi
浏览 0提问于2013-08-28得票数 0
回答已采纳
2回答
我想改变一个未选中的复选框的标签颜色。到目前为止，我有只允许选中一个复选框的jQuery代码。是否有办法使未选中的复选框标签文本在选择/选中其他选项时更改为不同的颜色？这是我的HTML：
<label><input class="oneBox" type="checkbox" >Wednesday June 6th</label>
<label><input class="oneBox" type="checkbox"
浏览 0提问于2018-05-17得票数 1
回答已采纳
2回答
有没有办法通读HTML页面并返回所单击的动态复选框的值？
现在，我知道如何在不使用JS的情况下从静态复选框中获取值，但由于我是使用数据库中的数据生成以下复选框，因此我不确定如何定位每个复选框并知道用户选中了哪个复选框。
当我浏览chrome中的开发人员工具时，我可以看到生成的复选框的值发生了变化，但当我引用它们时，它仍然不起作用。
<!DOCTYPE html>
<html lang="en">
<form action="/test" method="post">
<button type=&#
浏览 58提问于2017-07-18得票数 1
回答已采纳
2回答
我的Rails3应用程序中有一个搜索表单。大多数搜索都是在复选框被选中/取消选中的情况下进行的，但是我有一两个要使用select下拉菜单执行的搜索。我使用非常基本的jQuery提交带有复选框的表单，并且还尝试将其调整为:selected选择器。然而，它并不起作用。在排除故障时，我想知道是不是我的jQuery导致了这个问题。
这是我的jQuery：
$(function(){
$(':selected').live('click',function() {
$(this).closest('form').submit();
浏览 3提问于2011-11-25得票数 0
回答已采纳
1回答
我设置了这个脚本，将数据库中的所有相关用户回显到旁边有复选框的页面。您可以通过选中某些框并提交表单，在数据库中对这些用户进行分组。这一切都很好用。
不幸的是，我们的设计师不喜欢这样。她想要的基本上是屏幕左侧六个空字段的列表。然后，当您单击屏幕右侧人名旁边的加号按钮时，该人名将出现在第一个空的field...and中，依此类推，随后单击的每个加号按钮都会出现。
因此，我想我可以用jQuery“重新设计”这一切，而不是重新编码所有这些(这真的不是一个选项)。我可以设置复选框的样式，使其在未选中时显示为加号，在选中时显示为减号。
然后我只需要某种类型的事件，这样当单击复选框时，该人的名字就会被提取并
浏览 1提问于2012-06-20得票数 1
回答已采纳
我是jQuery的初学者，我想知道如何在提交之前验证表单，特别是复选框。
我正在创建一个简单的检查表表单，如果用户完成了该步骤，将在其中勾选一个复选框。我计划做的是，脚本将阻止表单提交，如果有一个“未勾选”复选框并突出显示它的颜色。
下面是我的代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.error {
浏览 5提问于2012-09-27得票数 0
回答已采纳
当复选框id="checkAll"被选中时，如何清除所有复选框？
在我的演示中，当用户选中id="checkAll"复选框时，将选中所有复选框
但是我想申请，当用户选中id="checkAll"复选框时，所有的复选框都清除了，我该怎么办？
$('#checkAll').click(function () {
$('input:checkbox').prop('checked', this.checked);
});
浏览 0提问于2014-09-12得票数 1
回答已采纳
2回答
我有一个带有复选框的页面，默认情况下是页面加载上的checked，该复选框指示所有页面链接将在同一个窗口中打开，还是在新的选项卡/窗口中打开(根据用户的浏览器设置)。如果选中该框，则在新的选项卡/窗口中打开链接，如果不选中，它们将在同一窗口中打开。非常简单。
HTML
<label>Open links in new page:
<input type="checkbox" id="link-pref" checked><span></span>
</label>
使用jquery，我在$(docume
浏览 1提问于2015-09-27得票数 0
回答已采纳
3回答
我在一个页面上有几个复选框(其中一些已经通过html选中属性选中)和一个提交按钮。我想使用jquery通过$.each()循环运行一个函数，以便在选中复选框时执行该函数，但前提是该复选框尚未选中。另外，我想为每个未选中的复选框执行一个函数，但前提是它已经被选中。
请帮帮忙
浏览 0提问于2012-08-27得票数 2
回答已采纳
5回答
我有一些链接和选择框的集合。我的html代码如下
<div>
<div>
<a href='#' onclick='set_checked(false,"checkbox1")'>clear</a>
<a href='#' onclick='set_checked(true,"checkbox1")'>select</a>
</div>
<div>
浏览 0提问于2012-05-09得票数 0
回答已采纳
1回答
你好，我看到了这段代码
<ul id="check-list-box" class="list-group checked-list-box">
@for (var i = 0; i < Model.RespuestasParaDetalleRespuesta.Count(); i++)
{
<li class="list-group-item" data-color="danger">
浏览 1提问于2018-06-12得票数 0
回答已采纳
有一个复选框正在以选中的方式显示，现在当我检查它时，它用图像src.显示在HTML中。当我单击复选框时，它将被未选中或选中。
为了验证它的状态，我编写了这段代码，即使选中了复选框，它也总是会带来假。
WebElement chBox = driver.findElement(By.xpath
("/html/body/div[3]/div[2]/form/fieldset/div[1]/table/tbody/tr[10]/td/img"));
if (chBox.isSelected()) {
System.out.prin
浏览 5提问于2014-08-20得票数 5
2回答
我想要能够过滤一个带有复选框的表这是我想出来的，但它似乎不起作用。
基本上，我希望表格隐藏未选中的那个，并显示选中的那个。HTML代码
<div class="tags">
<label><input type="checkbox" rel="a" /> a </label>
<label><input type="checkbox" rel="x" /> x </label>
</div>
浏览 0提问于2011-10-13得票数 1
回答已采纳
我有一个复选框，它将切换html表单上的其他一些复选框：
<input type="checkbox" name="selector" onclick="toggle_all(this);"/>
<script language="javascript">
function toggle_all(source) {
var checkboxes = $(":input[name^='form[r']");
if($(source).is(':chec
浏览 0提问于2013-01-30得票数 2
回答已采纳
2回答
不好意思这个模糊的问题，我真的不知道如何描述我在寻找足够好的东西，所以我用油漆制作了这个超专业的“图片故事”。
图像1：那些有趣的“框”类似于html复选框。假设他们有这个类:复选框菜单
图像2：当选中.
图像3：...a弹出器中有与此帖子无关的内容。
图像4：当检查站点上的附加复选框时.
图像5：.弹出幻灯片向下.
图像6：...to最新复选框。
其他行为是当单击外部或取消选中已选中的复选框时隐藏。
我真的不知道如何到达那里，我希望有人能指出我的正确方向，谢谢提前！
浏览 3提问于2013-10-14得票数 2
回答已采纳
我使用Javascript在表格行上放置了一个复选框，但复选框在我选中时不起作用。 ==> view.php <script type="text/javascript">
$(document).ready(function(){
var html ="";
html += "<tr id=" +id+ ">";
html += "<td>" +'<input type= "checkbox" name="up
浏览 29提问于2019-05-21得票数 0
回答已采纳
当用户选中复选框并单击切换按钮时，我尝试更改复选框文本标签的颜色。我查看了其他示例，并尝试在下面制定自己的解决方案，但当我选中我想要选中的框并单击按钮时，它不起作用。我想知道为什么？
function addItem() {
var input = document.getElementById("textbox");
var wrapper = document.getElementById("checklist_items");
if (input.value.trim() != "") {
var new_eleme
浏览 0提问于2019-09-28得票数 1
2回答
jquery复选框:复选框无效
、、、、
我在MVC应用程序中有一个视图，它访问这样的模型数据，
<tbody>
@foreach (var item in Model)
{
<tr>
<td class="details-control" style="text-align: center; vertical-align: middle">
@Html.DisplayFor(modelItem => item.ProductName)
</td>
浏览 1提问于2015-12-08得票数 0
回答已采纳
有没有一种更干净的方式来写这些行？
$("input:text").each(function() {
if ($(this).val() !== "")
$(this).show().prev().addClass('highlighted').parent().parent().prev().prop('checked', true);
});
编辑:一些额外的背景信息...
这是关于在进入下一个问题时保存答案的调查。在这个特定的问题上，访问者可以选中复选框。但是，最后两个选项是输入字
浏览 1提问于2014-09-19得票数 1
3回答
当选中复选框时，我希望使用类"related-box-check"向上div添加/删除类，并更改标签的内部HTML。当再次未选中该框时，应将其移除(恢复为默认)。我的复选框-id是动态生成的。
我怎样才能做到这一点？
我的HTML看起来如下：
<div class="related-box-check">
<input type="checkbox" class="checkbox related-checkbox" id="related-checkbox162569" name="re
浏览 6提问于2017-03-13得票数 1
回答已采纳
1回答
我在视图中有3个复选框。当选中其中任何一个时，我希望将3添加到名为cost的javascript变量的值中。如果没有选中任何复选框，我希望从3值中减去cost。
当前，当复选框被选中或未选中时，我的代码总是减去3。当选中复选框时，如何添加3？
HTML
<div class="panel-heading">Checkboxes</div>
<div id="chkbox" class="panel-body">
<div>
@Html.CheckBoxFor(m =>
浏览 0提问于2018-04-10得票数 2
回答已采纳
2回答
场景是:我在网页中有一个复选框和一个按钮，当我们手动选中复选框按钮时，复选框按钮将被启用，但是当我使用jquery自动化这个过程按钮时，复选框被选中后不会启用：
以下是我正在自动化的步骤：
用户选中复选框-检查是否正确
用户单击按钮-按钮没有启用。
在我用来检查复选框的jquery下面：
$("#id").attr( "checked", "checked" )
在HTML中: CheckBox：
<input id="preaccountconfirm" class="scp-input-check
浏览 8提问于2015-10-19得票数 0
Hoe，我正在尝试使用querySelectorAll来选择选中其子复选框的所有父项。
基本上HTML是
<div id=""><input type="checkbox" value="test"></div>
我想选择所有选中其输入复选框的div，下面是我的javascript代码
var list = querySelectorAll("input:checked.parentNode.getAttribute('id')");
但是，当我检查list.length时，它返
浏览 2提问于2016-03-01得票数 0
回答已采纳
我有一个有6个复选框的ASP.NET web表单。1复选框用于调用函数以选择所有复选框并显示消息"You have selected“6 "items”(本例中为6个复选框)。如果用户没有选择全选复选框，他们可以单独选择或取消选择其他复选框，消息将是"You have selected“# "items”我正尝试在jQuery中执行此操作，但它还不起作用。脚本如下：
<script type="text/javascript">
//This function works on the click event of
浏览 0提问于2010-01-28得票数 0
4回答
checkAll单击函数起作用，但是uncheckAll单击函数不起作用。任何人看到是什么阻止它取消选中所有选中的复选框。
$('#checkAll').click(function (e) {
e.preventDefault();
$('#dataTablePageList :checkbox').attr('checked','checked');
$(this).removeAttr('id').attr('id','uncheckAll');
浏览 6提问于2011-08-06得票数 0
回答已采纳
5回答
jquery如何使复选框始终选中
、、、、
如何使用jQuery1.4.2 ?始终选中复选框
这是我来自struts应用程序的html输出：
<input type="checkbox" name="helloThere" value="on">
我试过：
$(document).ready(function() {
$('#helloThere').attr('checked', 'checked');
});
JSFIDDLE
这显示了当前的代码，我需要复选框来加载选中。
JQuery1.4.2中的
浏览 10提问于2014-08-11得票数 0
回答已采纳
2回答
我的html树是这样的。
<input type = "checkbox" style = "display:none" id = "select">
<label for = "select" id = 'click'>
click
</label>
<div class = 'next'>
</div>
现在，当在css中使用选择器选中复选框时，如何设置div 'next‘的样式
我用这种方法试过，但不起作用
#cl
浏览 1提问于2014-08-06得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
