Question

我正在尝试使用javascript来控制表单元素的背景颜色，到目前为止我所拥有的：

    <script type="text/javascript">
     $(document).ready(function() {
        $('option.POIs').click(function() {
        $(this)
           .css('background-color','#EE178C')

        });
    });

    </script>

效果很好，但是我想让它在不同颜色之间切换。默认颜色为#FFFFFF，另一种为＃EE178C。所以当页面加载时，bg颜色为#FFFFFF，当我点击该项时，bg变为＃EE178C，如果我再次点击它，则返回#FFFFF。

任何帮助将不胜感激！

Answer 1

您应该可以在CSS中使用:focus伪选择器。不需要javascript。

Answer 2

这个怎么样？

var isDefaultColor = true;
var defaultColor = '#FFFFF';
var alternateColor = '#EE178C';

if(isDefaultColor)
  $(this).css('background-color', alternateColor);
else
  $(this).css('background-color', defaultColor);

isDefaultColor = !isDefaultColor;

Answer 3

FYI

.POIs{background:#fff}.POIs.toggle{background:#EE178C}

脚本

 $('option.POIs').click(function() {$(this).toggleClass('toggle')})

Javascript背景颜色切换

3 个答案: