jsp 注册时同意协议才能点击注册按钮功能及样式控制简单例子

最新推荐文章于 2022-12-24 20:53:56 发布

迷人的智慧

最新推荐文章于 2022-12-24 20:53:56 发布

阅读量4.9k

点赞数 1

本文链接：https://blog.csdn.net/qq_32217519/article/details/73481354

版权

第一步：准备页面按钮

                <div class="group_box mt20">
                    <label class="left"><input type="checkbox" οnclick="if (this.checked) {enable()} else {disable()}" class="left mt4" style="margin-righ                       t:3px;" />我已阅读同意遵守</label>
                    <a href="#" class="left">《知住用户协议》</a>
                </div>
                <button id="btnLogin" disabled="disabled" type="button">注册</button>

第二步：用jq来控制可用及样式变化

            function disable(){
	    	document.getElementById("btnLogin").disabled=true
	    	$(".info_inner button").attr("style", "background:#c0c0c0");
	    }
	  	function enable(){
	    	document.getElementById("btnLogin").disabled=false
	    	$(".info_inner button").attr("style", "background:#2abba3");
	    }
	  	 // 初始化
		$(document).ready(function(){
		    //没有勾选同意协议则注册按钮置灰
		    var b = $(".btnLogin");
		    if(b.disabled=true){
		    	$(".info_inner button").attr("style", "background:#c0c0c0");
		    }
		});

第三步：测试通过