使用jQuery启用基于条件的按钮

时间:2011-03-24 09:48:08

标签: jquery

我有一个“保存设置”按钮,类型为“图像”。 我希望只有在用户选中复选框后才能启用它 我正在使用..

$('#btnSaveProfile').attr("disabled",true);    
$('#btnSaveProfile').click(function(){
            if ($("#rdAccept").is(':checked')) 
            {
                $('#btnSaveProfile').attr("disabled",false);
                updateProfile();// calling a function here that saves data.
            }
        });

这不起作用,任何输入......请

3 个答案:

答案 0 :(得分:2)

您正在禁用标识为btnSaveProfile的元素,然后附加一个单击处理程序,它将永远不会运行,因为它已禁用。您需要在复选框中添加一个单击处理程序,这将重新启用保存按钮。

答案 1 :(得分:1)

$('#btnSaveProfile').attr("disabled",''); 启用按钮

$('#btnSaveProfile').attr("disabled",'disabled'); 禁用按钮

答案 2 :(得分:1)

您没有使用复选框点击事件,请尝试以下

var $btn = $('#btnSaveProfile').attr("disabled",true);   

$('#rdAccept').click(function(){
   if (this.checked) {
       $btn.removeAttr("disabled");
   }
});

$btn.click(updateProfile);