Javascript 单击按钮时更改var的值
我一直在试图弄清楚,当单击不同的按钮时,如何更改var的值。我应该能够在绿色和黄色之间切换,然后在单击表的某个元素时设置该背景色。 我不知道为什么当我点击绿色按钮时,它工作,但在另一个按钮上不工作。 提前非常感谢 表格突出显示 $function{ var color='蓝色'; $“按钮”。单击功能{ 颜色='33FF36'; }; $'button2'。单击函数{ 颜色='F0FF00'; }; $'td'。切换函数{ $this.css“背景”,颜色; },功能{ $this.css'background','white'; }; } ; 桌子 { 边界塌陷:塌陷; } 运输署 { 填充物:5px; 边框:1px实心6666; 光标:指针; } 11 12 13 14 21 22 23 24 31 32 33 34 41 42 43 44 绿色 黄的Javascript 单击按钮时更改var的值,javascript,jquery,html,Javascript,Jquery,Html,我一直在试图弄清楚,当单击不同的按钮时,如何更改var的值。我应该能够在绿色和黄色之间切换,然后在单击表的某个元素时设置该背景色。 我不知道为什么当我点击绿色按钮时,它工作,但在另一个按钮上不工作。 提前非常感谢 表格突出显示 $function{ var color='蓝色'; $“按钮”。单击功能{ 颜色='33FF36'; }; $'button2'。单击函数{ 颜色='F0FF00'; }; $'td'。切换函数{ $this.css“背景”,颜色; },功能{ $this.css'b
您的选择器错误,如果要使用id进行选择,请使用id: 表格突出显示 $function{ var color='蓝色'; $“按钮”。单击功能{ 颜色='33FF36'; }; $'button2'。单击函数{ 颜色='F0FF00'; }; $'td'.togglefunction{ $this.css“背景”,颜色; },功能{ $this.css'background','white'; }; }; 桌子{ 边界塌陷:塌陷; } 运输署{ 填充物:5px; 边框:1px实心6666; 光标:指针; } 11 12 13 14 21 22 23 24 31 32 33 34 41 42 43 44 绿色 黄的 您没有在按钮上使用id选择器,它们需要从以下位置更改:
$('button').click(function (){
color='#33FF36';
});
$('button2').click(function (){
color='#F0FF00';
});
致:
下面是一个工作示例:
表格突出显示
$function{
var color='蓝色';
$“按钮”。单击功能{
颜色='33FF36';
};
$'button2'。单击函数{
颜色='F0FF00';
};
$'td'。切换函数{
$this.css“背景”,颜色;
},功能{
$this.css'background','white';
};
} ;
桌子
{
边界塌陷:塌陷;
}
运输署
{
填充物:5px;
边框:1px实心6666;
光标:指针;
}
11
12
13
14
21
22
23
24
31
32
33
34
41
42
43
44
绿色
黄的
您的代码有一些问题,比如id标识符中没有。我不太确定您试图通过切换实现什么,但请尝试下面的代码,看看它是否是您想要的: 表格突出显示 var color='蓝色'; $function{ $“按钮”。单击一次,函数{ 颜色='33FF36'; changeBg; }; $'button2'。单击一次,函数{ 颜色='F0FF00'; changeBg; }; }; 功能改变{ $'td'.css'背景',颜色; } 桌子{ 边界塌陷:塌陷; } 运输署{ 填充物:5px; 边框:1px实心6666; 光标:指针; } 11 12 13 14 21 22 23 24 31 32 33 34 41 42 43 44 绿色 黄的
您可以使用以下代码: 表格突出显示 $function{ bgcolor=蓝色; $“按钮”。单击功能{ var x=document.getElementsByTagName'td'; x[0].style.backgroundColor=FF0000; }; $'button2'。单击函数{ var y=document.getElementsByTagName'tr'; y[1].style.backgroundColor=FF0040; }; $'td'。切换函数{ $this.css'background',bgcolor; } , 作用{ $this.css'background','white'; }; } ; 桌子 { 边界塌陷:塌陷; } 运输署 { 填充物:5px; 边框:1px实心6666; 光标:指针; } 11 12 13 14 21 22 23 24 31 32 33 34 41 42 43 44 绿色 黄的
太棒了!非常感谢你的帮助!非常感谢。已经应用了更改并生效!我想知道一些其他的事情。是否可以以某种方式保存此设置?我的意思是,每个人创造的颜色组合。这个想法是创建一个用户名和密码,这样每个人都可以创建自己的颜色代码。它将用于一些数学图表。这是可能的。最好的方法可能是从网格中创建一个数组,然后保存该数组。因此,对于第一行,您可能有类似于[0,1,2,1]的数字,这些数字对应于不同的颜色选项。不过这只是一种方法。谢谢你的回答,迈克尔,但这不是我想要的。实际上,我想做的是一些数学图表,每个通过user和pass访问的人都可以保存自己的模式。我只是把这张桌子作为一个随机的例子。非常感谢所有迄今为止帮助我的人!我想知道一些其他的事情:是否可以以某种方式保存这些设置?我是说,每种颜色的组合 人创造。这个想法是创建一个用户名和密码,这样每个人都可以创建自己的颜色代码。它将用于一些数学图表。
$('#button').click(function (){
color='#33FF36';
});
$('#button2').click(function (){
color='#F0FF00';
});