Question

I have a “Save Settings” button which is of type ‘image’.
I want it to be enabled only after a checkbox is checked by the user
I m using..

$('#btnSaveProfile').attr("disabled",true);    
$('#btnSaveProfile').click(function(){
            if ($("#rdAccept").is(':checked')) 
            {
                $('#btnSaveProfile').attr("disabled",false);
                updateProfile();// calling a function here that saves data.
            }
        });

This does not work, any inputs….please

Answer 1

You are not using the checkbox click event, try the following

var $btn = $('#btnSaveProfile').attr("disabled",true);   

$('#rdAccept').click(function(){
   if (this.checked) {
       $btn.removeAttr("disabled");
   }
});

$btn.click(updateProfile);