javascript – How to keep button active after press with jQuery

I\’ve seen some very similar questions floating around but haven\’t been able to find the answer I\’m looking for. I\’ve already determined a work-around but would like to know the proper way to perform the task.

What I desire is to click the button and have the active state stay persistent. The next click will toggle the state and that is desired. What I really need to know is how to address the uiButton:active state.

HTML:

<input type=\'button\' class=\'uiButton\' id=\'testbutton\' value=\'testValue\'>

CSS:

.uiButton{
    background-color: red;
}

.uiButton:active{
    background-color:blue;
}

Javascript/jQuery:

$(\'.uiButton\').click(function() {
    $(this).toggleClass(//active state);
});

Rating: 1 out of 5 based on 4 ratings

Posts Related to javascript - How to keep button active after press with jQuery

• Nov 13th, 2012 javascript - Jquery plugin creates unwanted # in URL Tuesday PM 15:27:19


• Aug 11th, 2012 html - jQuery change title to h1 title in activepage Saturday AM 09:49:29


• Nov 16th, 2012 php - Submit textarea form without a submit button with Enter key press Friday PM 13:27:08


• Aug 16th, 2012 javascript - Div selected state Thursday AM 08:43:39


• Aug 03rd, 2012 javascript - DOM objects over other DOM objects Friday AM 07:42:58


• Nov 16th, 2012 JavaScript...Cannot call method match of undefined Friday PM 18:28:00


• Jul 19th, 2012 c# - LinkButton as a Default Button Thursday AM 10:55:45


• Jul 19th, 2012 php - Opening jQuery UI Dialog box with dynamic content Thursday AM 09:15:54


• Aug 27th, 2012 php - Inserting multiple checkbox values to MySQL Monday AM 02:59:10


• Nov 12th, 2012 jquery - Different Style For the Tab Your On Without Javascript? Monday PM 17:18:12

The post javascript – How to keep button active after press with jQuery appeared first on Javascript ASK.

via Javascript ASK http://javascriptask.phpfogapp.com/javascript-how-to-keep-button-active-after-press-with-jquery.html