jQuery change button color onclick

Question

I have multiple buttons that I use when people answer a question. How would I get the buttons to change colors when a person clicks on the button? I do not know jQuery, I have been told that it is the best thing to use for this. Here is the code I have for the HTML part: ```

In the past three months, how often have you used marijuana?

Accepted Answer

```
$('input[type="submit"]').click(function(){
$(this).css('color','red');
});
```

Use class, Demo:- https://jsfiddle.net/BX6Df/

```
   $('input[type="submit"]').click(function(){
          $(this).addClass('red');
});
```

if you want to toggle the color each click, you can try this:- https://jsfiddle.net/SMNks/

```
$('input[type="submit"]').click(function(){
  $(this).toggleClass('red');
});

.red
{
    background-color:red;
}
```

Updated answer for your comment.

https://jsfiddle.net/H2Xhw/

```
$('input[type="submit"]').click(function(){
    $('input[type="submit"].red').removeClass('red')
        $(this).addClass('red');
});
```

jQuery change button color onclick

Solution

Problem