使用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

如果您是想切換到從您可以使用toggle()：

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

當然，這不跟蹤狀態，所以你可能需要一個標誌或東西來跟蹤如果需要的話。

這裏舉例：http://docs.jquery.com/Events/toggle

Answer 5

...我試圖找出如何 開關類對我的「應用」按鈕 一旦最終用戶點擊一個形式 場/件內。

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

由於可用性側面說明，這可能是一個好主意，重新啓用按鈕，如果被觸發的表單輸入模糊'事件，並沒有被編輯（即形式不是招」不會被弄髒）。