Incapacitantes / Ativação de botões usando jQuery

votos
2

Eu sou novo aqui e eu tenho um (espero) simples problema na mão. Eu estou tentando descobrir como alternar as classes no meu botão Aplicar uma vez que um usuário final cliques dentro de um campo de formulário / elemento.

A página de teste de demonstração Eu tenho até pode ser encontrada aqui - http://www.iconpayment.com/test/Untitled-2.html

Também não ter a imagem como um fundo ou img src em linha fazer a diferença?

Obrigado!

Natal

Publicado 27/08/2009 em 01:09
fonte usuário
Em outras línguas...                            


5 respostas

votos
2
$('.button').click(function(event){
    $(this).removeClass('button').addClass('button-disabled');
});
Respondeu 27/08/2009 em 01:13
fonte usuário

votos
1

... Eu estou tentando descobrir como alternar as classes no meu botão "Aplicar" Uma vez que um cliques do usuário final dentro de um campo de formulário / elemento .

$('form > input').click(function() {
    $('#button-div').removeClass().addClass('button-disabled');
});

Como usabilidade nota lateral, pode ser uma boa idéia para re-habilitar o botão se o evento 'borrão' as entradas de formulário é acionado e nada foi editado (ou seja, a forma não foi feita 'sujo').

Respondeu 27/08/2009 em 01:49
fonte usuário

votos
1

No caso de você acabar tendo mais de um botão com o mesmo nome da classe, que seria uma boa idéia para resolver ID do botão ao substituir as classes (usando o mesmo trecho como cpharmston):

$('#button-div').click(function(event){
    $(this).removeClass('button').addClass('button-disabled');
});
Respondeu 27/08/2009 em 01:20
fonte usuário

votos
0

Se você está querendo mudar de e para que você pode usar toggle():

$(".toggleButton").toggle(
    function() {
        $(this).removeClass("enabled").addClass("disabled");
    },
    function() {
        $(this).removeClass("disabled").addClass("enabled");
    }
);

Claro que isso não acompanha o estado de qualquer maneira, então você pode querer uma bandeira ou algo para rastrear que, se necessário.

Exemplo aqui: http://docs.jquery.com/Events/toggle

Respondeu 27/08/2009 em 01:23
fonte usuário

votos
0

Para responder à sua primeira pergunta ...

Dar todos os seus elementos de formulário clicáveis ​​a classe "affectsApply", ou, em alternativa, basta selecionar todos eles através de um seletor (entrada #formId, #formId textarea, etc.)

então é só usar algo como o seguinte:

$(document).ready(function(){
  $('.affectsApply').click(function(){
    $(formElement).addClass('highlight');
  });
});
Respondeu 27/08/2009 em 01:17
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more