用html设置两个按钮。分别是红蓝两种颜色。点击按钮来背景变成相应的颜色。求大神解答。在线等。很！ 关于html，如何设置几个按钮，通过按钮改变表格背景色。
\u5982\u4f55\u5b9e\u73b0html\u70b9\u51fb\u6309\u94ae\u6539\u53d8\u9875\u9762\u548c\u6587\u5b57\u7684\u80cc\u666f\u989c\u8272?
\u8bf7\u7559\u610f\u770b\u9875\u9762\u7684\u80cc\u666f\u989c\u8272\u548c\u8fd9\u6bb5\u6587\u5b57\u7684\u80cc\u666f\u989c\u8272
\u70b9\u6211\u6539\u53d8\u9875\u9762\u80cc\u666f\u989c\u8272
\u70b9\u6211\u6539\u53d8\u6587\u5b57\u80cc\u666f\u989c\u8272
\u7ed9\u4f60\u5199\u4e86\u4e2a\u4ee3\u7801\uff1a\u3010\u8bb0\u5f97\u91c7\u7eb3\u6211\u7684\u7b54\u6848\uff01\uff01\uff01\u3011
\u968f\u4fbf\u4f60\u591a\u5c11\u4e2a\u6309\u94ae\uff0c\u968f\u4fbf\u4f60\u591a\u5c11\u79cd\u989c\u8272\u3002\u3002\u3002\u3002\u6309\u7740\u6211\u7684\u4ee3\u7801\u89c4\u5f8b\u7684\u5199\u4e0b\u53bb\u3002\u3002\u3002\u795e\u9a6c\u90fd\u4e0d\u662f\u95ee\u9898\u3002\u3002\u3002
function mychange(num){document.getElementById("table_main").style.background="#f48282";}function mychange2(num){document.getElementById("table_main").style.background="#f4b963";}function mychange3(num){document.getElementById("table_main").style.background="#4cb5f7";}function mychange4(num){document.getElementById("table_main").style.background="#a4f7a4";}
<html>
<head>
<title>demo page</title>
</head>
<body>
<input type="button" value="red" onclick ="set_bg_red();" />
<input type="button" value="blue" onclick = "set_bg_blue();"/>
<script>
function set_bg_red(){
document.bgColor="#ff0000;";
}
function set_bg_blue(){
document.bgColor="#0000ff;";
}
</script>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<script>
window.onload = function(){
var redBtn = document.getElementById('redBtn');
var blueBtn = document.getElementById('blueBtn');
redBtn.onclick = function(){
document.bgColor = 'red';
};
blueBtn.onclick = function(){
document.bgColor = 'blue';
};
};
</script>
</head>
<body>
<input type="button" id="redBtn" onclick="redBtn()" value="红色按钮">
<input type="button" id="blueBtn" onclick="blueBtn()" value="蓝色按钮">
</body>
</html>
代码保存为html文件格式， 直接用浏览器打开。
效果如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script>
function onRed(){
document.body.style.backgroundColor="#FF0000";
}
function onBlue(){
document.body.style.backgroundColor="#0000FF";
}
</script>
</head>
<body>
<button onClick="onRed()">red</button>
<button onClick="onBlue()">blue</button>
</body>
</html>
这个简单css()方法和delegate()就可以了，例如下面demo：
两个在html按钮的样式：<button type="button" class="color-info">蓝色按钮<botton> <button type="button" class="color-info">红色按钮<botton>
<script>
$(document).ready(function()[
$(document).delegate('.color-info',"click",function(){
$(this).css("这里写上你在css中标签定义的颜色即可")；
});
});
</script>
有问题，再追问我
<!DOCTYPE html>
<html>
<head>
<script>
var flag=false;
function copyText()
{
if(flag){
document.getElementById("button01").style.backgroundColor="blue";
}else{
document.getElementById("button01").style.backgroundColor="red";
}
flag=!flag
}
</script>
</head>
<body>
<button onclick="copyText()" id="button01">变颜色</button>
</body>
</html>
js jq ajax ， 方法很多 ，写两个按钮 写个点击事件
绛旓細if (button2.value === "閫夐」1") { button3.innerHTML = "鎸夐挳3鍐呭1";} else if (button2.value === "閫夐」2") { button3.innerHTML = "鎸夐挳3鍐呭2";} else if (button2.value === "閫夐」3") { button3.innerHTML = "鎸夐挳3鍐呭3";} });浠ヤ笂浠ｇ爜鐩戝惉浜绗簩涓寜閽鐨刢hange...
绛旓細var price=0;("#cut").click(function(){ price=$("#num").val();if($("#num").val()==0){ return } else{ price--;} ("#num").val(price);})("#add").click(function(){ price=$("#num").val();price++;("#num").val(price);})})<input id="cut" type="butto...
绛旓細<html> <head> <title>绠鍗曠浉鍐</title> </head> <body> <div style="float:left;width:300px;height:300px;border:1px #aaa solid;"> <div id="img1" style="display:none;width:300px;height:300px;background:red;">first image</div> <div id="img2" style="display:none;width...
绛旓細</script> </body> </html> 銆恎uihuan.php 浠ｇ爜銆<?php var_dump($_POST);die;?> 銆恇aosun.php 浠ｇ爜銆<?php var_dump($_POST);die;?> --- 鍐嶆墦涓箍鍛 棣欐腐涓绘満鍏嶅妗堬紝椹笂鐢紝渚垮疁鍒板~~298鍏/骞 300M http://rudon.net/host_detail.php?IDProduct=1301 ...
绛旓細4銆佸湪test.html鏂囦欢鍐咃紝缁涓や釜button鎸夐挳缁戝畾onclick鐐瑰嚮浜嬩欢锛屽綋鐐瑰嚮鏄剧ず鎸夐挳鏃讹紝鎵цon()鍑芥暟锛屽綋鐐瑰嚮闅愯棌鎸夐挳鏃讹紝鎵цoff()鍑芥暟銆5銆佸湪test.html鏂囦欢鐨刯s鏍囩涓紝浣跨敤function澹版槑涓涓猳n()鍑芥暟锛岃幏寰梥pan瀵硅薄锛璁剧疆鍏禿isplay灞炴т负block銆6銆佸湪test.html鏂囦欢鐨刯s鏍囩涓紝浣跨敤function澹版槑涓涓猳ff()鍑芥暟...
绛旓細1銆乧lass鏄夋嫨璋冪敤CSS鏍峰紡鐨勫睘鎬э紝鍙互澶嶇敤锛屼篃灏辨槸璇翠竴涓猚lass鐨勫睘鎬х殑鏍峰紡鍙互鐢ㄥ湪澶氫釜鏍囩涓婇潰锛屼篃鍙互鍚屾椂浣跨敤澶氫釜class銆傚叿浣撶殑鐢ㄦ硶鐢ㄤ竴涓ず渚嬫紨绀猴紝棣栧厛闇瑕佹墦寮html缂栬緫鍣ㄦ柊寤轰竴涓猦tml鏂囦欢锛屽湪閲岄潰鍐欏叆3涓寜閽锛2銆佷笅闈鍒嗗埆缁欐寜閽1鍜鎸夐挳2璁剧疆class灞炴т负btn1锛屾寜閽3鐨刢lass璁剧疆涓篵tn1鍜宐tn2锛岀劧鍚...
绛旓細1.鍒涘缓涓涓ぇ鐩掑瓙锛屽搴︾瓑浜庝笂鏂瑰垱寤虹敤鎴风殑瀹藉害銆2.鎶婄幇鏈夌殑鍥涗釜鐩掑瓙绉诲姩鍒板垰鎵嶇殑澶х洅瀛愪腑锛屾牱寮忔湁闂鍙互璋冧竴涓嬨3.缁欒灞呬腑鐨勭洅瀛愬姞涓妋argin: 0px auto 0px;鐨勬牱寮忥紝涓や釜0px鍒嗗埆浠ｈ〃鐩掑瓙涓婁笅鐨勫杈硅窛锛屼笉鍥哄畾鍙互鏄换鎰忓笺傚彲浠ヨ皟鏁村埌鐞嗘兂鐨勮窛绂汇備互涓娿
绛旓細鐩存帴鍦涓や釜 button涔嬮棿鍔"& n b s p; "
绛旓細<form id="form" name="form" method="post" action="addmore.php" onsubmit="return checkfun();" enctype="multipart/form-data"> <input type="button" class="a c" onclick="submitForm(this.value)" value="涓婁紶" / <input type="button" class="btn btn-primary" onclick="...
绛旓細闇瑕佸噯澶囩殑鏉愭枡鍒嗗埆鏈夛細鐢佃剳銆佹祻瑙堝櫒銆html缂栬緫鍣ㄣ1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html銆2銆佸湪index.html涓殑<style>鏍囩涓紝杈撳叆css浠ｇ爜锛歜utton { margin-right: 10px;}銆3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛屾鏃舵垚鍔熷湪2涓寜閽闂存彃鍏ヤ簡1涓10px鐨勭┖闅欍
