Change text color using jquery

Question

I have a radio button like this

<input type='radio' name='specific_consultant' id='specific_consultant_no' 
                                                                      value='no'>No</input>

on .on click of this radio button , I need to change text color like No .. how do i do it..

Possible duplicate of How can I change the text color with jQuery? — Martin Thoma
– Martin Thoma, Commented Jul 27, 2017 at 7:26

user57508 · Accepted Answer · 2010-05-31 06:12:23Z

8

$(document).ready(function() {
    var button = $('#specific_consultant_no');
    button.click(function() {
        button.css('color', 'FOO');
    });
});

if you want to reuse the method, you can do eg.

var colorMethod = function() {
    $(this).css('color', 'FOO');
};
$(document).ready(function() {
    var button = $('#specific_consultant_no');
    button.click(colorMethod);
});

you can also use the addClass and removeClass methods, to be more flexible!

answered May 31, 2010 at 6:12

user57508

Sign up to request clarification or add additional context in comments.

3 Comments

Hacker Over a year ago

i added like $('#specific_consultant_no').css('color','red'); but did not work ....

user57508 Over a year ago

is your id unique on your page - following the standards, it has to be!

user57508 Over a year ago

does your assignment of the css-attribute be in a click-eventHandler? please support more code, so that i can help you!

Darin Dimitrov · Accepted Answer · 2010-05-31 06:11:54Z

8

You could use the css function:

$(function() {
    $('#specific_consultant_no').click(function() {
        $(this).css('color', 'red');
    });
);

answered May 31, 2010 at 6:11

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

Comments

user3496353 · Accepted Answer · 2014-06-04 13:16:53Z

1

$("#myButton").on('click', function () {
        $(this).toggleClass('green');
        $("#result").toggle();
});

answered Jun 4, 2014 at 13:16

user3496353

Collectives™ on Stack Overflow

Change text color using jquery

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related