jQueryを使用してボタンを無効/有効にする

Question

私はここで新しいです。私は簡単に（うまくいけば）問題を抱えています。エンドユーザーがフォームフィールド/要素内をクリックすると、「適用」ボタンでクラスを切り替える方法を理解しようとしています。

私が持っているデモテストページはここで見つけることができます - http://www.iconpayment.com/test/Untitled-2.html

はまた、バックグラウンドまたはインラインIMG SRC違いを作るなどのイメージを持っていますか？

ありがとうございます！

ノエル

Answer 1

$('.button').click(function(event){ 
    $(this).removeClass('button').addClass('button-disabled'); 
}); 

Answer 2

あなたの最初の質問に答えるために...

（あなたのクリック可能なフォーム要素「affectsApply」クラスのすべてが、あるいは、単にセレクタを経由して、それらすべてを選択付け#formId等の入力、#formIdテキストエリア、）

そしてちょうど、次のようなものを使用します。

$(document).ready(function(){ 
    $('.affectsApply').click(function(){ 
    $(formElement).addClass('highlight'); 
    }); 
}); 

Answer 3

あなたが同じクラス名を持つ複数のボタンを持つ終わる場合、（cpharmstonと同じスニペットを使用して）クラスを交換する際に、ボタンのIDに対処するために良いでしょう：

$('#button-div').click(function(event){ 
    $(this).removeClass('button').addClass('button-disabled'); 
}); 

Answer 4

あなたの場合あなたは、必要に応じていることを追跡するためのフラグか何かをしたいかもしれませんので

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

はもちろん、これは、とにかく状態を追跡することはありません：に切り替えてtoggle()あなたが使用することができますから、したいされています。

ここで例：http://docs.jquery.com/Events/toggle

Answer 5

...私は、エンドユーザが フォームフィールド/要素内をクリックした後、私のボタン を「適用」をどのように スイッチクラスを把握しようとしています 。ユーザビリティのサイドノートとして

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

フォーム入力 『ブラー』イベントがトリガされると何が編集されていない場合、それが再有効化ボタンには良い考えかもしれません（つまり、フォームは「hasn tは「汚れた」）。