Como habilitar/desabilitar elementos com jQuery

As vezes precisamos habilitar/desabilitar elementos via javascript, e o jquery facilita e muito nosso trabalho! Tudo que você deve fazer é habilitar o atributo “disabled” através do método .attr(); Veja um exemplo abaixo:

//Para desabilitar
$('#elemento').attr('disabled', 'disabled');

E para habilitar novamente nosso elemento basta remover o atributo disabled da seguinte forma:

// Para habilitar
$('#element').removeAttr('disabled');

Um exemplo útil de quando devemos habilitar/desabilitar um botão é por exemplo em uma requisição ajax, para evitar que nosso usuário fique clicando várias vezes, e gerando várias requisições, podemos desabilitar o botão enquanto uma requisição é feita, e habilitar quando ela terminar veja o exemplo:

$("#loading").ajaxStart(function(){
        $(this).show();
        $('button').attr('disabled', 'disabled');
    });
    $("#loading").ajaxStop(function(){
        $(this).hide();
        $('button').removeAttr('disabled');
    });

2 Comentários

  1. OI William cara não entendo nda sobre isso por enquanto estou tentando a familiarizar com isso tudo. E estava a procura sobre o assunto “jquery” ativar plugins coisa e tals! comprei um template e fala para eu ativar rs..Li a reportagem sobre o assunto e fiquei numa duvida como proceder e onde qual programa? é um template do wordpress! Por indicacao de uns amigos estou començando a assistir os video aula do Ronaldo Framos vamos ver o que vai dar rs..

  2. Adrianosays:

    Olá William.

    Cara fiz um script para deixar um campo desabilitado dentro de uma lista do SharePoint no modo de exibição embutida; eu add o script na werb part, porem ele so fica desabilitado quando selecione ele e peço para editar a pag ?

    Segue o script.

    $(function() {
    $(“input[Title='CIDADE']“).attr(“disabled”, “disabled”);

    });

    Saberia me orientar o que está errado ?

    abs;

    Adriano

Deixe um comentário

Por favor, seja educado. Seu e-mail não será publicado e os campos obrigatórios estão marcados.