导航:首页 > 编程语言 > 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怎么改变按钮的颜色相关的资料

热点内容
乐享群是什么网站 浏览：255
二手苹果皮 浏览：599
蓝牙可以连接网络连接不了怎么办 浏览：789
上汽同行app二维码 浏览：745
删除文件需要权限怎么办 浏览：636
正在复制不显示文件 浏览：589
免费的网络教育有哪些 浏览：730
小学编程是哪些内容 浏览：883
编程中的大于小于怎么用 浏览：543
一尘网app怎么会闪退 浏览：16
vb计算三角形面积代码 浏览：966
excel文件中扣章 浏览：58
java验证签名返回101 浏览：498
编程软件哪个和sp1兼容 浏览：848
英朗gt空气流量计怎么看数据 浏览：916
60宠物对战升级小号 浏览：58
数控编程速率怎么是6000 浏览：694
nsa方程式组工具 浏览：780
分期买家电哪个网站好 浏览：858
QQjava诺基亚s60 浏览：17

友情链接