HTML里注册按钮是灰色的，只有把条款勾选后才能注册。这个是怎么做的，求代码？

如题所述

推荐答案 2014-02-26

俺来提供个jquery版

<label><input name="" type="checkbox" value="" id="regText">同意注册协议</label>
<button type="submit" disabled id="regBtn">立即注册</button>var regBtn = $("#regBtn");
    $("#regText").change(function(){
        var that = $(this);
        that.prop("checked",that.prop("checked"));
        if(that.prop("checked")){
            regBtn.prop("disabled",false)
        }else{
            regBtn.prop("disabled",true)
        }
    });

完整的效果演示参考http://www.51xuediannao.com/jiqiao/786.html

温馨提示：答案为网友推荐，仅供参考

当前网址：http://66.wendadaohang.com/zd/vUxvniDDsn2iviU2sv.html

其他回答

第1个回答 2014-02-26

<input type="checkbox" class="rember" id="xuanzhong" onClick='document.getElementById("zhuce").disabled=!this.checked' checked="checked">我已阅读畅游你我注册用户协议追问

你能帮我再解释清楚一点吗？我是菜鸟

第2个回答推荐于2017-09-14

代码如下不懂的话再问我吧！

<body>
<label><input type="checkbox" id="yes" />同意！</label>
<button id="zhuce" disabled="true">注册</button>
</body>
<script type="text/javascript">
(function(){
var cb=document.getElementById("yes");
cb.onclick=function(){
if(cb.checked==true){
document.getElementById("zhuce").disabled=false;
}
else{
document.getElementById("zhuce").disabled=true;
}
}
})();
</script>

追问

能帮我解释一下第7,8行的意思吗？
还有getElementById的具体作用！
谢谢了

追答

第7行是声明一个cb的变量，然后让这个变量等于yes这个元素，第8行的意思是当单击cd（此时的cd就是yes这个元素）时，执行下面的一段函数。
这个getElementById的意思就是获取ID为某某的元素，其实光看英文意思也能明白啊
get：获取
Element：元素
By：这里翻译成靠或者是依赖、通过
Id：就是id的意思
整句就是通过id来获取元素，不过要注意大小写，如果错了的话就获取不到了~

本回答被提问者和网友采纳

相似回答

我的登陆界面的连接按钮怎么是灰色的?点不了!答：[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]第二种方法：通过onSubmit事件实现，并且可以将变灰按钮变为可用在form里面添加 onSubmit事件，如果表单加入了判断，那么这个方法直接就可以用了，记住就放到最后，否则一开始就为灰了，但我们加上了一个使提交按钮变为可用的代码，即可防止重复提交...

有个html文件在dreamweaver里面部分代码是灰色的,无法修改,请问是什 ...答：先用记事本打开文件，然后删除以下内容：    然...

access中怎么降窗体中的命令按钮设置为灰色无效状态??答：1、打开窗体，选择”设计视图“。2、如果是将”退出“命令按钮设置为不可用，则选中”退出“的命令按钮。3、然后单击”属性表”。4、接下来需要选择“数据”，如下图所示。5、将“可用”的“是”下拉列表选择改成“否’即可了，如下图所示。

...但是用DW打开后,里面的内容全是灰色的笼盖着,怎么办啊?答：灰色，是因为那部分是从其他文件读取进来的。。。楼主可以尝试打开该文件的包含文件

高分,在线等。C#的GridView中的CheckBox始终为灰色,不能勾选答：bit在数据库是布尔类型，默认是false;所以是灰色，你改一个为true试试看！

网站开发、维护,网页制作,专业的来!答：输入完毕后单击“开始连接”即可。 3、当链接成功后,你将看到工具面板上的上载、下载图标不是灰色了。在左边窗口中显示的是你机上的内容,右边窗口显示的是主机上的内容。由于是第一次上传,你在主机上是一片空白,什么也没有。你可在右边窗口中点右键,选择建立子目录,把一些需要的子目录(如:images )先建起来。

大家正在搜

灰色按钮是什么 ins注册违反条款怎么回事灰色按钮激活器哪个好灰色按钮激活专家激活灰色按钮将按钮设置为灰色无效状态网页灰色按钮激活如何将网页灰色按钮激活灰色按钮激活精灵