腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
如何创建复选框以同时更改文档的CSS和Javascript?背景颜色切换
html
、
css
我正在尝试创建一个带有复选框的黑暗模式切换按钮(我最终将更改为CSS中的切换)。到目前为止,我能够将Javascript画布中的元素更改为“黑暗模式”,并且很容易改变它们的颜色,但是有什么方法可以使用Javascript中相同的开关/复选框来切换CSS部分呢?我不想创建另一个复选框来更改HTML的背景色。我尝试了下面的方法,但没有结果。我希望复选框基本上将网页的背景变为黑色,如果不选中,则返回到白色。我的完整代码在CodePen 上 body { background-color: white; } body.checkbox: checked; { background-color: bl
浏览 0
提问于2018-04-17
得票数 0
回答已采纳
2
回答
基于选中的输入更改CSS
css
提前道歉,因为我知道这是一个愚蠢的问题。我正在使用下面的CSS代码来更改标签的背景颜色,但它的关联复选框已选中: #project input[id="button1"]:checked + label {background-color:red;} 我还想在选中id="button1"时更改整个页面的背景色。这有可能吗?我尝试添加行和新行,但没有成功: input[id="button1"]:checked {background-color:blue;} 这不应该影响DIV之外的背景吗?我想不出来。成品应将标签背景颜色和页面背景颜色都与复选框
浏览 1
提问于2015-04-06
得票数 0
3
回答
如何使用jquery迭代选择器的结果
jquery
、
selector
我有一些复选框,我想改变他们的背景颜色时,选择了多个复选框。我试着这样做: var checked = $("input[@type=checkbox]:checked"); $('tr[name="' + checked.attr('name') + '"]').each(function() { $(this).css('background-color', '#0000DD'); }); 只
浏览 1
提问于2012-02-15
得票数 0
3
回答
如何用纯CSS的checkbox改变正文的背景色(如果可能)
html
、
css
我有一个复选框,并希望更改的背景颜色的主体时,与伪类“:选中”。有没有办法做到这一点?我将对任何答复表示感谢; <label> <input id = "night" type = "checkbox"> <span>Night</span> </label> #night:checked { background-color: #242729; }
浏览 0
提问于2020-11-15
得票数 0
2
回答
CSS样式在跨度内的异常?
html
、
css
当选中CSS样式时,我有一个带有复选框和标签的DIV: #project input:checked + label {background-color:#787878;color:white;} 我想做两个按钮,除了颜色的例外:白色。 复选框ID="B“标签背景颜色变成红色,复选框ID="C”标签背景色变成蓝色。我想不出怎样才能增加这种特性。 提前谢谢。 编辑:(添加HTML代码) <input type="checkbox" id="B" value="B" style="display:none;" o
浏览 4
提问于2015-04-03
得票数 0
回答已采纳
2
回答
应用jQuery后无法选中/取消选中复选框
jquery
、
html
我对jQuery不是很在行,所以请不要对我太苛刻。 我有这个脚本: $(document).ready(function() { $(".item").click(function() { if($(this).find("input").attr("checked")) { $(this).css("background-color", "#d1d1d1"); $(this).find("inp
浏览 2
提问于2012-07-14
得票数 3
回答已采纳
3
回答
当css被禁用时,如何在复选框上应用css?
jquery
、
html
、
css
我有两个切赫盒子(其中一个是残废的)。我已经用带有切换功能的背景颜色的div替换了复选框,因此复选框=绿色,未选中=红色。 <input type="checkbox" class="input_class_checkbox" disabled="disabled"> <br/> <input type="checkbox" class="input_class_checkbox"> JQUERY $('.input_class_checkbox').e
浏览 7
提问于2015-05-22
得票数 1
回答已采纳
6
回答
如果选中或未选中,则更改复选框的父元素css
javascript
、
jquery
、
forms
、
checkbox
基本上,我在td元素中有一个复选框,我希望它在复选框被选中时有一种背景颜色,在复选框未被选中时有另一种背景颜色。所以换句话说,我想让它突出显示它是否被选中。 我尝试使用与这里相同的解决方案: 但由于某些原因,我不能让它工作。 $(document).ready(function(){ $("input:checkbox").change(function() { if($(this).attr("checked") === "true") { // CHECKED, TO WHITE
浏览 0
提问于2009-11-27
得票数 2
回答已采纳
2
回答
xPages复选框样式背景图像
css
、
xpages
如何更改复选框样式?我特别需要替换选中的复选框背景/图像。 以下是我的xPage代码: <xp:this.resources> <xp:styleSheet href="/myCSS.css"></xp:styleSheet> </xp:this.resources> <xp:checkBox text="Label" id="checkBox1" styleClass="mycheckbox">/xp:checkBox> 下面是CSS: .mycheckb
浏览 3
提问于2016-01-21
得票数 2
回答已采纳
2
回答
更改CSS时未出现复选框中的复选框
html
、
css
、
checkbox
我想改变尺寸,颜色等等.一个使用CSS的复选框。我已经按照我想要的方式格式化了所有的东西,而不是复选框的时候。当复选框被选中时,复选/勾标就不会出现,似乎什么也不会发生。但是,我知道它不起作用,因为我可以将背景色设置为更改,然后它就可以工作了。 在CSS中添加"content:'✔';“是在CSS中做任何我想要完成的事情,还是我使用它不正确? 例如: input[type=checkbox]:checked { content: '✔'; background-color:white; } ,它演示复选框更改的背景色。 使用复选框时使用复
浏览 2
提问于2015-01-11
得票数 4
回答已采纳
1
回答
如何使用checkbox改变li和标准点击?
jquery
、
html
我正在使用jQuery更改li元素的样式,同时还选中了一个复选框。代码如下: $(".md-popover-dayselect li").click(function() { if($(this).children().children(".md-popover-checkbox").is(":checked")) { $(this).css("background-color", ""); $(this).css("color", "");
浏览 9
提问于2013-07-05
得票数 0
回答已采纳
2
回答
jQuery返回false不起作用
javascript
、
jquery
我有一个表,我遍历每一行。如果行的背景颜色是绿色,并且没有选中class为linebox的相应复选框,那么我应该在单击提交时显示一条错误消息。但是返回false不起作用,表单正在获取submitted.Though,消息正在显示。我该如何解决这个问题?下面是代码。 jQuery(document).on('click', '#add-All-button', function () { $(".rowb").each(function() { if($(this).css("bac
浏览 0
提问于2015-05-04
得票数 0
回答已采纳
4
回答
如何使用jquery在div中选中复选框?
javascript
、
jquery
、
html
、
css
、
checkbox
我有一个div里面的复选框列表,很少被选中。如果选中复选框,我要更改div的背景颜色绿色。 而在非复选框中,背景颜色应为灰色。 HTML代码: <div class="row"> <label> <div class="col s3" style="padding:10px" id="div39"> <div> <input type="checkbox" name="chk
浏览 4
提问于2016-04-26
得票数 1
回答已采纳
1
回答
如何检查下一个复选框是否已选中?
html
、
jquery
、
razor
我正在尝试查看onclick事件上的下一个复选框是否被选中。如果选中下一个复选框,我希望背景颜色为白色。图1显示了未选中行的黄色背景和选中行的白色背景。图2显示当我选中黄色行时,下一行变为黄色,如果它已经被选中,我希望它保持白色。 有没有下一个我可以使用的函数?以下是我到目前为止拥有的代码: $('input[id="chkRow"]').on('change', (function () { if (this.checked) { $(this).closest('tr')
浏览 15
提问于2020-05-29
得票数 1
回答已采纳
1
回答
如何在引导5中设计选中输入结账框的bg颜色?我使用的是角度12
html
、
css
、
twitter-bootstrap
我试图改变输入复选框的背景颜色‘当选中’在引导5,我甚至找到一些解决方案的自定义引导复选框,但它也不起作用,在这方面的任何帮助将不胜感激。谢谢。 /*Default Checkbox*/ .form-check .form-check-input:checked~.form-check-label::before { background-color: green!important; } .form-check .form-check-input:checked:focus~.form-check-label::before { box-shadow: 0 0 0
浏览 4
提问于2022-09-23
得票数 1
回答已采纳
2
回答
当没有选择任何元素时,取消选中复选框。只选中一个复选框。更改相关div容器的背景色。
javascript
、
jquery
、
checkbox
<div id="grand-parent" class="grand-parent"> <div class="parent-div"> <p> A </p> <input type="checkbox" class="select-me" name="1" value="1"/> </div> </div>
浏览 1
提问于2014-02-01
得票数 0
回答已采纳
4
回答
单击main复选框时无法更改所有复选框的css
javascript
、
jquery
、
forms
大家好, 我正在尝试使用jQuery更改所有复选框的背景和颜色。我不能让它工作。 下面是我的代码现在的样子: HTML部分: <form action="" method=""> <div id="child1"> <input type="checkbox" class="select-all-checkboxes" name="select-all-checkboxes" /> </div> <div
浏览 0
提问于2011-12-03
得票数 0
回答已采纳
5
回答
如果选中任何复选框,则为jquery。
javascript
、
jquery
、
html
、
checkbox
关于复选框有许多问题,但这有点不同。 如果用户选中了任何复选框,我希望显示css属性。如果用户取消选中所有复选框,则应删除css属性。 我找到了这个密码 if (jQuery('#frmTest input[type=checkbox]:checked').length > 0) { $(".css-check").css("background-color", "yellow"); } else { $(".css-check").css("background-color
浏览 5
提问于2015-11-30
得票数 1
回答已采纳
2
回答
React localstorage如何添加多个颜色主题
javascript
、
reactjs
、
function
、
local-storage
、
themes
我有一个复选框,它将颜色主题更改为暗或暗。但是我想再添加三个复选框,这些复选框也是页面的颜色,也就是说,我希望有4个复选框,其中第一个复选框将页面颜色更改为黑色,第二个复选框将更改为白色,第三个复选框将更改为绿色,第四个复选框将更改为红色。 App.js import React, { useState, useEffect } from "react"; import "./App.css"; import ReactDOM from 'react-dom'; export default function App() { const [
浏览 2
提问于2021-01-23
得票数 2
回答已采纳
3
回答
如果禁用,Scss更改“垫颜色”复选框。
angular
、
sass
在我的组件scss文件中,当选中以下复选框时,我可以设置mat-复选框的背景色: /deep/.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background { background-color: #A5C73C; } 现在,我需要为选中但禁用的复选框设置不同的颜色(为了防止取消检查,必须始终选中某些数据并禁用其复选框)。如何在scss中指定/deep/中禁用的属性?
浏览 0
提问于2019-07-05
得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
谷歌展示新 Chrome 浏览器侧边栏:允许自定义外观
Win10系统如何更改任务栏颜色
网站设计公司:面向网页设计师的12大网页色彩工具
如何利用Word制作出这么漂亮的表格
WPS演示中怎么导入外部PPT模板教学
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券