2010-05-31 5 views
1

J'ai un bouton radio comme celui-ciChanger la couleur de texte à l'aide jquery

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

sur .on click de ce bouton radio, je dois changer la couleur du texte comme No .. Comment puis-je le faire ..

+0

double possible de [Comment puis-je changer la couleur du texte avec jQuery?] (Https://stackoverflow.com/questions/2001366/how-can-i-change-the-text-color-with- jquery) –

Répondre

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

si vous souhaitez réutiliser la méthode, vous pouvez le faire par exemple.

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

vous pouvez également utiliser les méthodes addClass et removeClass, être plus souple!

+0

j'ai ajouté comme $ ('# specific_consultant_no'). css ('color', 'red'); mais n'a pas fonctionné .... – Hacker

+0

est votre id unique sur votre page - suivant les normes, il doit être! –

+0

oui c'est selon les normes .. que id est utilisé qu'une seule fois dans la page .. – Hacker

7

vous pouvez utiliser la fonction css:

$(function() { 
    $('#specific_consultant_no').click(function() { 
     $(this).css('color', 'red'); 
    }); 
); 
1
$("#myButton").on('click', function() { 
     $(this).toggleClass('green'); 
     $("#result").toggle(); 
}); 
Questions connexes