多個背景按鈕，點擊其中一個，其它狀態改變

在做一個類似開燈關燈的開關效果，多個開關的狀態變化，嗯，只是前端效果 。

先看HTML代碼，很簡單

<input type="image" src="img/kgclose.png"  value="0" />
<input type="image" src="img/kgclose.png"  value="0" />
<input type="image" src="img/kgclose.png"  value="0" />
<input type="image" src="img/kgclose.png"  value="0" />

接下來看JS：

我們一般避免直接在標籤裏面綁定click事件

<script>
        $(function (){
            $("input").on('click', test1);
        });
        function test1(){
            //獲得當前元素的兄弟節點
           var sib=$(this).siblings();
            if($(this).val() == '0'){
            //當其value值爲0的時候改變背景
               $(this).attr('src','img/kgopen.png');
            //背景改變之後value值置1
               $(this).val('1') ;
                if($(sib).val() == '1'){
             //判斷兄弟節點的狀態
                  $(sib).attr('src','img/kgclose.png');
                }
            }else{
              //value值不爲0的時候，又改變背景狀態
                $(this).attr('src','img/kgclose.png');
                $(this).val('0') ;
            }
        }
    </script>