-
-
xiaocesen 初学数据Lv2
发表于2021-10-8 22:22
楼主
本帖最后由 xiaocesen 于 2021-10-8 22:22 编辑
有时候我们想要点击一个按钮的同时实现另一个按钮的事件，而单独点击另一个按钮时也可以实现单独的事件，于是这里有一个联动并互斥脚本功能。
复制代码
此处脚本仅是简单的实现改变颜色的功能，如果想要实现复杂的其他的上报，保存等功能方面的可采用点击事件嵌套的方法来实现。
复制代码这样就可实现按钮事件联动。
有时候我们想要点击一个按钮的同时实现另一个按钮的事件，而单独点击另一个按钮时也可以实现单独的事件，于是这里有一个联动并互斥脚本功能。
- var button1=$("div#WidgetParamButton24 div");
- var button2=$("div#WidgetParamButton2 div");
- var button3=$("div#WidgetParamButton78 div");
- var button4=$("div#WidgetParamButton10 div");
- button1.click(function(){
- button1.css('background-color','#34AADC');
- button3.css('background-color','#34AADC');
- button4.css('background-color','');
- button2.css('background-color','');
- });
- button2.click(function(){
- button2.css('background-color','#34AADC');
- button3.css('background-color','#34AADC');
- button1.css('background-color','');
- button4.css('background-color','');
- });
- button3.click(function(){
- button3.css('background-color','#34AADC');
- button4.css('background-color','');
- });
- button4.click(function(){
- button4.css('background-color','#34AADC');
- button3.css('background-color','');
- });
- var button1=$("div#WidgetParamButton24 div");
- var button2=$("div#WidgetParamButton2 div");
- var button3=$("div#WidgetParamButton78 div");
- var button4=$("div#WidgetParamButton10 div");
- button1.click(function(){
- button1.css('background-color','#34AADC');
- button3.css('background-color','#34AADC');
- button4.css('background-color','');
- button2.css('background-color','');
