使用jQuery禁用/啓用按鈕

我在這裏是新的，我有一個簡單的（希望）在手的問題。我試圖找出當最終用戶在表單域/元素內單擊時如何在「應用」按鈕上切換類。使用jQuery禁用/啓用按鈕

演示測試頁我最多可以在這裏找到 - http://www.iconpayment.com/test/Untitled-2.html

也並具有圖像作爲背景或內聯IMG SRC有所作爲？

謝謝！

諾埃爾

2009-08-27 Noel

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

來源

2009-08-27 00:13:11

小編輯：你不需要'。' '.button' – jeef3 2009-08-27 00:17:23

^我的意思是'removeClass'函數當然不是第一個選擇器 – jeef3 2009-08-27 00:21:08

複製/粘貼失敗。謝謝！ – 2009-08-27 02:52:54

要回答你的第一個問題......

給你所有的可點擊的表單元素類「affectsApply」的，或者只是通過選擇它們全部選中（#formId輸入，#formId文本區域等）

那麼就使用類似以下內容：

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

來源

2009-08-27 00:17:30

在你最終不得不使用相同的類名稱的多個按鈕的情況下，這將是一個不錯的主意取代類（使用相同的代碼段爲cpharmston）時，以解決該按鈕的ID：

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

來源

2009-08-27 00:20:04 mozami

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

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

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

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

來源

2009-08-27 00:23:37 jeef3

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

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

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

來源

2009-08-27 00:49:29 karim79

使用jQuery禁用/啓用按鈕

回答

相關問題