OnClick如何选择取消选择状态的背景颜色答案

【问题标题】：OnClick how to select deselect background-color of StatesOnClick如何选择取消选择状态的背景颜色
【发布时间】：2018-06-08 14:15:55
【问题描述】：

如果用户单击任何状态，则单击 SVG 印度地图时，该区域应激活为背景色“绿色”，如果用户单击任何其他状态，则应取消选择前一个状态，并且新单击的状态应使用 bg 激活颜色“绿色”。

表示用户只能选择 1 个状态，如果用户单击其他状态，则应取消选择其他状态。

希望我的问题很清楚。

这是我的工作网址： http://www.acmearchitectural.com/indiamapsvgfiles/map.html

问候

【问题讨论】：

您可以使用 snap svg 插件，它包含一个很好的 api。到目前为止，您尝试了什么？
为状态背景着色的代码是什么？还是你写的其他js代码？

标签： javascript jquery

【解决方案1】：

 $(document).ready(function(e) {
$('path[id^="map_"]').click(function(){
$('#regions path').css('fill','');
 $(this).css('fill', "green");
});
});

【讨论】：

【解决方案2】：

简单地使用

 $('path[id^="map_"]').click(function(){
   $('path[id^="map_"]').removeAttr('style');$(this).css('fill', "green");
 });

【讨论】：

【解决方案3】：

只需将 $(document).ready 函数替换为您的 html 文件中的以下内容。

 $(document).ready(function(e) {
       $('path[id^="map_"]').click(function(){
            $('path[id^="map_"]').css('fill', "rgb(235, 236, 237)");
         $(this).css('fill', "green");
       });
     });

【讨论】：