Jquery 如何更改<；输入类型="；按钮“/&燃气轮机；

我有一个网页上有几个按钮，我想改变它的颜色时，它被选中。我也有同样的想法，但我有点困惑

我的HTML页面如下所示：

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();
      });

CSS:.blackButton{
背景：url（“Black_button.jpg”）；
垂直对齐：中间对齐；
利润率最高：1%；
利润底部：1%；
}
js：我只是试了一下，但没用
$（函数（）{
$（“.blackButton”）.selective（）；
});

添加此javascript和选定的.css规则，您应该会得到所需的结果

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

---

在单击输入时创建了。

更改

背景色

CSS样式。您可以通过切换CSS类来实现这一点。例如：

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

---

尽管Zafa说到点子上了，我还是要添加我自己的版本：

---

如果您告诉我下一步，我可以将其添加到示例中。以表格形式提交？通过ajax保存一些设置？etc

你的javascript代码在哪里？@Wong:我刚刚添加了，请看一看。@Belinda:没有任何效果，我想改变颜色，如jQuery的示例所示。我有有效的解决方案，在我的回复中包括一个JSFIDLE示例。