导航:首页 > 编程语言 > js怎么改变按钮的颜色

js怎么改变按钮的颜色

 发布时间：2025-02-12 00:26:24

⑴ 需求一个js 或者 jq 通过点击一个按钮，来改变2个div的背景颜色

<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<title>jquerycookie</title>
<scriptsrc="http://libs..com/jquery/1.8.0/jquery.min.js"></script>
<title>颜色互换</title>
</head>
<body>
<style>
.div1{width:100px;height:100px;background:#00F;}
.div2{width:100px;height:100px;background:#f00;}
.div3{width:100px;height:100px;background:#3F6;;}
</style>
<divclass="div1"><inputname=""type="checkbox"value="a">AAAAAA</div>
<br>
<divclass="div2"><inputname=""type="checkbox"value="b">BBBBBB</div>
<br>
<divclass="div3"><inputname=""type="checkbox"value="c">cccccc</div>
<br>
<inputname=""type="button"value="点击">
<script>
$(function(){
$("input:button").click(function(){
varlen=$(":checked").length;
if(len<=1){
alert("请选择两种颜色");
}elseif(len>2){
alert("不能超过两种颜色");
}else{
varbackground1=$(":checked").eq(0).parent().css("background");
varbackground2=$(":checked").eq(1).parent().css("background");
$(":checked").eq(0).parent().css("background",background2);
$(":checked").eq(1).parent().css("background",background1);
}
});
});
</script>
</body>
</html>

⑵ 鼠标点击按钮时变颜色js代码

<input type="button" id="subBtn" onclick="this.style.backgroundColor='red';showSubscribe()"
class="but1" value="订阅号管理">
<input type="button" id="msgBtn" onclick="this.style.backgroundColor='red';showMsgCollection()"
class="but1" value="图文集管理">

⑶ 用js写 有六个按钮点击按钮会变色 然后其他按钮恢复原来的颜色

可以使用js的css方法实现点击按钮会变色，然后其他按钮恢复原来的颜色。

具体步骤如下：

需要准备的材料分别是：电脑、浏览器、ultraedit。

1、在ue编辑器中新建一个空白的html文件，js文件。

⑷ 如何用js实现点击按钮改变表格中的一个单元格的背景颜色

<script language="javascript" type="text/javascript">
function chgbg(id){
var obj=window.document.getElementById(id);
var bg=obj.style.backgroundColor;
if(bg=='') obj.style.backgroundColor='#f00'
else obj.style.backgroundColor=''
}
</script>
<table width="100%" border="1" cellspacing="0" cellpadding="4">
<tr>
<td id="td1"> </td>
<td id="td2"> </td>
<td id="td3"> </td>
</tr>
<tr>
<td id="td4"> </td>
<td id="td5"> </td>
<td id="td6"> </td>
</tr>
</table>
<input type="button" value="点击改变指定单元格回背景答" onClick="chgbg('td1');" />

⑸ JS设置点击按钮改变DIV的颜色，两种颜色切换改变。

1、background=='#000'
2、oDiv.style.dbackground='FF0000';dbackground 拼错了

⑹ 求助~怎么实现按钮点击一次之后，按钮不能再点击了，变为灰色,下面代码怎么更改

1、首先新建html页面，抄设置一个button按钮。

⑺ js循环5个按钮，实现点击每个按钮弹出对应的颜色（红黄粉 绿蓝）

<html>
<script type="text/javascript">
function f(n)
{
switch(n)
{
case 0:
alert("红");
break;
case 1:
alert("黄");
break;
case 2:
alert("粉");
break;
case 3:
alert("绿");
break;
case 4:
alert("蓝");
break;
}
}
</script>
<form>
<input type="button" value="红" onclick="f(0)" />
<input type="button" value="黄" onclick="f(1)" />
<input type="button" value="粉" onclick="f(2)" />
<input type="button" value="绿" onclick="f(3)" />
<input type="button" value="蓝" onclick="f(4)" />
</form>
</html>

阅读全文

与js怎么改变按钮的颜色相关的资料

热点内容
智行app铂金会员怎么还有期限 浏览：581
win10用子文件夹改名 浏览：234
ae钢笔工具在哪里 浏览：460
gn105数据线插哪里 浏览：916
破锁屏密码方法 浏览：835
股票数据放哪里 浏览：576
m格式库文件 浏览：279
天际通数据服务怎么开票 浏览：430
写小说发哪个网站比较好 浏览：244
小米电视3蓝牙文件路径 浏览：111
shell读取文件值 浏览：909
文件夹路径栏消失 浏览：795
律师哪些业务不能代替大数据 浏览：952
lol哪些文件可以删除 浏览：701
汇编程序中del是什么意思 浏览：183
幼儿园免费网站模板下载 浏览：210
w619线刷教程 浏览：759
怎么培养编程思想 浏览：697
手机捆绑app的软件怎么卸载 浏览：32
vb编程器有什么用 浏览：999

友情链接