<input type = "button" />のBG色を変更する方法

Question

複数のボタンがあり、選択時に色を変更したいWebページがあります。 example of jQuery, please take a look.私は同じことをしたいが、私はちょっと混乱している。

私のHTMLページはのようになります。このJavaScriptを追加し、.selectedのためのCSSルールとあなたが希望する結果を取得する必要があります

CSS : .blackButton { 
    background: url("Black_button.jpg"); 
    vertical-align: middle; 
    margin-top: 1%; 
    margin-bottom: 1%; 
} 


<div id="id1"> 
    <input type="button" class="blackButton"/> 
</div> 

<div id="id2"> 
    <input type="button" class="blackButton"/> 
</div> 

<div id="id3"> 
    <input type="button" class="blackButton"/> 
</div>  



js : I just tried, but not working 
    $(function() { 

     $(".blackButton").selectable(); 
     }); 

Answer 1

。

$(function(){ 
    $('input.blackButton').live('click', function(e){ 
     var t = $(e.target); 
     if (!t.hasClass('selected')) 
      $('input.selected').toggleClass('selected'); 
     t.toggleClass('selected'); 
    }); 
}); 

jsfiddleを作成しました。

Answer 2

変更background-color入力をクリックするとCSSスタイルが変更されます。あなたはCSSクラスをトグルすることでそれを行うことができます。たとえば：あなたは私にあなたの次のステップを教えている場合、私は一例に追加することができhttp://jsfiddle.net/hobobne/me7wf/

：Zafaは上のポイントですが、私は自分自身のバージョンを

$(function(){ 
    $('.blackButton').click(function(){ 
     var elem = $(this); 
     elem.toggleClass('selected-item-class-name'); 
    }); 
}); 

Answer 3

追加されます。フォームで提出しますか？ ajax経由でいくつかの設定を保存しますか？ etc.