Javascript 单击“如何选择”“取消选择状态的背景色”

单击SVG印度地图如果用户单击任何状态，则该区域应以背景颜色“绿色”激活，如果用户单击任何其他状态，则应取消选择上一个状态，新单击状态应以背景颜色“绿色”激活

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

希望我的问题清楚

这是我的工作网址：

问候

简单使用

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

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

只需在html文件中将$（document）.ready函数替换为以下内容

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

---

您可以使用snapsvg插件，它包含一个很好的api。到目前为止，你尝试了什么？给州背景涂上颜色的代码是什么？或者你写的其他js代码？