Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击按钮时更改var的值_Javascript_Jquery_Html - Fatal编程技术网

Javascript 单击按钮时更改var的值

Javascript 单击按钮时更改var的值,javascript,jquery,html,Javascript,Jquery,Html,我一直在试图弄清楚,当单击不同的按钮时,如何更改var的值。我应该能够在绿色和黄色之间切换,然后在单击表的某个元素时设置该背景色。 我不知道为什么当我点击绿色按钮时,它工作,但在另一个按钮上不工作。 提前非常感谢 表格突出显示 $function{ var color='蓝色'; $“按钮”。单击功能{ 颜色='33FF36'; }; $'button2'。单击函数{ 颜色='F0FF00'; }; $'td'。切换函数{ $this.css“背景”,颜色; },功能{ $this.css'b

我一直在试图弄清楚,当单击不同的按钮时,如何更改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 绿色 黄的
您的选择器错误,如果要使用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';
});