在HTML中的注册页面的按钮，只有我选择同意此协议才能点击注册按钮，求方法及讲解
今天在HTML里写注册页面的时候发现的一个问题，我看到别人的注册页面里有一个复选框旁边附有一行字（我已经看过并接受些协议），只有选择了这复选框才能注册成功，我想知道实现这个功能的代码以及这段代码的详细讲解，谢谢
一、在hbuilder工具中创建了一个web项目。在指定目录下创建一个新的静态页面按钮click.html。
二、在title标签下介绍vue.js核心JavaScript文件，注意压缩版本和开发版本。
三、在<body>标记中，插入一个div和四个按钮，并使用v-on绑定事件。
四、在<div><div>标记下，插入<script><script>标记并在标记中写入事件函数。
五、保存代码并在浏览器中查看结果。单击按钮查看弹出结果。
温馨提示：答案为网友推荐，仅供参考
第1个回答 2019-07-26
1、在HBuilder工具中已创建好的Web项目，指定目录下新建静态页面buttonClick.html。
2、在title标签下引入vue.js核心JavaScript文件，注意压缩版本和开发版本。
3、在<body></body>标签内，插入一个div和四个button，使用v-on绑定事件。
4、在<div></div>标签下方，插入<script></script>标签，并在标签内编写事件函数。
5、保存代码并在浏览器中查看结果，点击按钮，查看弹出的结果。
第2个回答 推荐于2017-05-16
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表单小结</title>
<script language="javascript">
function agree(){
if(document.getElementById('cb').checked)
document.getElementById('tj').disabled=false;
else
document.getElementById('tj').disabled='disabled';
}
</script>
</head>
<body>
<p>申请表</p>
<form action="" method="post" id="form1">
<p>姓名：<input type="text" name="sname" />
密码：<input type="password" name="password" size="21" />
照片：<input type="file" name="photo" />
感兴趣的职位：
<input type="radio" name="position" value="0"/>Web设计
<input type="radio" name="position" value="1" />Web开发
向往城市： <select name="city">
<option value="">请选择</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="深圳">深圳</option>
<option value="广州">广州</option>
<option value="香港">香港</option>
<option value="台北">台北</option>
<option value="澳门">澳门</option>
<option value="纽约">纽约</option>
<option value="巴黎">巴黎</option>
<option value="伦敦">伦敦</option>
</select>
协议：
<textarea name="request" cols="26" rows="5" readonly="readonly">求职信息必须真实、准确，本网站只负责向企业推荐。</textarea>
<input name="confirm" type="checkbox" onclick="agree();" id="cb"/>我认真阅读并接受以上协议。
经验:
<select name="exp">
<option>无经验</option>
<option>3 年 </option>
</select>
<input type="hidden" value="zhangsan" name="username" />
<input type="submit" name="submit1" value="提交" disabled="disabled" id="tj" />
<input type="reset" name="reset1" value="重置" /></p>
</form>
</center>
</body>
</html>本回答被网友采纳
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表单小结</title>
<script language="javascript">
function agree(){
if(document.getElementById('cb').checked)
document.getElementById('tj').disabled=false;
else
document.getElementById('tj').disabled='disabled';
}
</script>
</head>
<body>
<p>申请表</p>
<form action="" method="post" id="form1">
<p>姓名：<input type="text" name="sname" />
密码：<input type="password" name="password" size="21" />
照片：<input type="file" name="photo" />
感兴趣的职位：
<input type="radio" name="position" value="0"/>Web设计
<input type="radio" name="position" value="1" />Web开发
向往城市： <select name="city">
<option value="">请选择</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="深圳">深圳</option>
<option value="广州">广州</option>
<option value="香港">香港</option>
<option value="台北">台北</option>
<option value="澳门">澳门</option>
<option value="纽约">纽约</option>
<option value="巴黎">巴黎</option>
<option value="伦敦">伦敦</option>
</select>
协议：
<textarea name="request" cols="26" rows="5" readonly="readonly">求职信息必须真实、准确，本网站只负责向企业推荐。</textarea>
<input name="confirm" type="checkbox" onclick="agree();" id="cb"/>我认真阅读并接受以上协议。
经验:
<select name="exp">
<option>无经验</option>
<option>3 年 </option>
</select>
<input type="hidden" value="zhangsan" name="username" />
<input type="submit" name="submit1" value="提交" disabled="disabled" id="tj" />
<input type="reset" name="reset1" value="重置" /></p>
</form>
</center>
</body>
</html>本回答被网友采纳
第3个回答 2013-05-12
前面不是有个选择框，你只要选择了就可以注册，你就给那个选择框一个id然后做一个判断，如果选择了就注册成功，不选择就不能注册成功！
相似回答