使用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'); 
}); 

由于可用性侧面说明，这可能是一个好主意，重新启用按钮，如果被触发的表单输入模糊'事件，并没有被编辑（即形式不是招”不会被弄脏）。