勾选同意协定后才能按下按钮

Home Home
登入注册发表列印 载入图片
引用 | 编辑 chris710908
2006-09-14 01:01		 楼主
推文 x0
主要用于当用户看完同意协定后~勾选同意方块后，按钮才能作用

1.首先必须定义一个javascript

再<body>-</body>中插入以下代码

<script language="JavaScript">
function check(){
if(document.form3.agree.checked){
document.form3.Submit.disabled = false;}
else document.form3.Submit.disabled = true;
}
</script>

check()这个函数是要先检查表单form3中的agree核取方块是否有被选取

如果有被选取则启动按钮(document.form3.Submit.disabled = false;)，反之则禁止(document.form3.Submit.disabled = true;)

2.再来在内文中制作一个表单，程式码如下
<form id="form3" name="form3" method="post" action="">
<div align="center">
  <p><strong>选核取方块后才能点选按钮</strong></p>
  <p>相关协议........</p>
  <p>
    <input type="checkbox" name="agree" id="checkbox2" onchange="check()" />
    我同意</p>
  <p>
    <input type="submit" name="Submit" value="送出" disabled="disabled"/>
  </p>
</div>
</form>

要注意表单名称与各元素名称要与check()里面定义的一样喔!

然后最重要的是当使用者勾选表单中的我同意方块后

要呼叫check()，这地方使用onchange="check()" 这函数

也就是说当使用者改变核取方块的状态时

就执行check()，这样就可以达到勾选同意协定后才能按下按钮啰~

至于按下submit后要做什么(action="")~就看大家的设定啰

呼呼~~终于打完了~~今天才去买了一本javascript
做了个简单的应用
希望大家可以给点鼓励与指教~谢谢

献花 x0