Question

I have a form. When the user clicks “disable” I want to disable all the radio button and also blur/highlight the text so that it looks more “disabled”.

How can I do that?

I tried adding a class to that element and using the blur function but it doesn’t work. If editing the text CSS is impossible, is it possible to change the color of the button or put a border around the text?

Answer 1

I’m not sure what your problem is, the task looks quite simple. As long as you’d like to support old versions of Internet Explorer there is no true CSS way to blur the text, but chaging its color should be OK. Here is a quick example:

$(function() {
    $('#disable').on('click', function() {
        $('#myradio').attr('disabled', 'disabled').parent().addClass('disabled');
    });
})

Live demo – http://jsfiddle.net/Pharaon/ggzjF/