在页面加载时没有禁用按钮,当我勾选了才生效

html代码:

<input type="checkbox" id="rememberMe"  />  <!--没有设置checked属性-->
<a href="/index.html" class="btn_register disabledBtn" id="registerBtn">注&nbsp;&nbsp;&nbsp;&nbsp;册</a>

js代码:

$(document).ready(function(){
    $("#rememberMe").change(function(){
        if($(this).is(":checked") == true){
            alert("启用");
            $("#registerBtn").removeClass("disabledBtn").addClass("enabledBtn");
        }else{
            //禁用注册按钮
            $("#registerBtn").removeClass("enabledBtn").addClass("disabledBtn");
        }
    });
});

我加了弹窗调试,预想效果应该是会弹出启用,但是并没有.
我又重新勾选了,才弹窗。
简单说,就是默认是没有勾选的,页面加载完,按钮没有禁用

阅读 1.5k
1 个回答

你只是在陈述你的代码,没有说明你的问题,你要把问题说出来,你要做成什么样子,有什么效果,都一一说出,不能让我们去猜,这才是问的问题能最快解决的办法。

我猜你应该是要页面加载的时候按钮不可点击?解决办法是:
1、在dom中修改,加上checked="checked"属性让其勾选,或者什么都不设置让其不勾选;
2、尝试使用.prop('checked')作为检测勾选的方法。

如果两个都没有达到你的预期,建议你在if语句的上面设置debugger,检查调试。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题