Telefone: 31 8875-3143 | contato@williamrufino.com.br

Como habilitar/desabilitar elementos com jQuery

Publicado em por

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');
    });
GD Star Rating
loading...
Como habilitar/desabilitar elementos com jQuery, 6.9 out of 10 based on 11 ratings

Posts Relacionados:

Este post lhe foi útil? Por que não compartilhar com seus amigos? Basta usar uma das formas abaixo:

Públicado em: JQuery

Sobre William Rufino

William Rufino é um desenvolvedor web, especializado em PHP, no framework codeigniter e na plataforma Wordpress. Começando a trabalhar com CakePHP, e presta consultorias sobre o servidor de busca Sphinx Search. Estudante de Python e Django. Criador do Ideias para TCC

Comentários em: Como habilitar/desabilitar elementos com jQuery

  1. Fabio Oikawa disse:

    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..

    GD Star Rating
    loading...
  2. Adriano disse:

    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

    GD Star Rating
    loading...

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *