Zamezení / povolení přístupu tlačítka využívající jQuery

hlasů
2

Jsem tu nová a mám jednoduchý problém (snad) na dosah ruky. Snažím se přijít na to, jak přejít tříd na mém „Apply“, jakmile koncový uživatel klikne uvnitř pole formuláře / prvku.

Demo zkušební stránka Mám up lze nalézt zde - http://www.iconpayment.com/test/Untitled-2.html

Také se má obraz jako pozadí nebo inline img src dělat rozdíl?

Dík!

Noel

Položena 27/08/2009 v 01:09
zdroj uživatelem
V jiných jazycích...                            


5 odpovědí

hlasů
2
$('.button').click(function(event){
    $(this).removeClass('button').addClass('button-disabled');
});
Odpovězeno 27/08/2009 v 01:13
zdroj uživatelem

hlasů
1

... Snažím se přijít na to, jak přejít tříd na mém „Apply“ Jakmile koncový uživatel klikne uvnitř pole formuláře / prvku .

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

Jako použitelnosti okrajová poznámka, mohlo by to být dobrý nápad, aby znovu povolit tlačítko, pokud formě potřebné vstupy ‚blur‘ událost je spuštěna a nebylo nic upravovat (tj forma nebyla provedena ‚špinavý‘).

Odpovězeno 27/08/2009 v 01:49
zdroj uživatelem

hlasů
1

V případě, že jste skončili s více než jedno tlačítko se stejným názvem třídy, bylo by to dobré řešení ID tlačítka se při výměně třídy (pomocí stejného úryvku jako cpharmston):

$('#button-div').click(function(event){
    $(this).removeClass('button').addClass('button-disabled');
});
Odpovězeno 27/08/2009 v 01:20
zdroj uživatelem

hlasů
0

Jste-li chtít přepnout do az lze použít toggle():

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

Samozřejmě to nebude sledovat stav v každém případě, takže možná budete chtít příznak nebo něco sledovat, že v případě potřeby.

Příklad zde: http://docs.jquery.com/Events/toggle

Odpovězeno 27/08/2009 v 01:23
zdroj uživatelem

hlasů
0

Chcete-li odpověď na vaši první otázku ...

Dát všechny své klikací formulářových prvků třída „affectsApply“, nebo alternativně, stačí vybrat všechny pomocí voliče (#formId vstup, #formId textarea, atd.)

pak stačí použít něco jako následující:

$(document).ready(function(){
  $('.affectsApply').click(function(){
    $(formElement).addClass('highlight');
  });
});
Odpovězeno 27/08/2009 v 01:17
zdroj uživatelem

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