Click事件可在两个地方发生。
1. 在一个表单上的某个对象被单击时发生;
2. 在单击一个超级链接时发生;
onClick事件句柄在Click事件发生后由JavaScript自动调用执行。
onClick事件句柄适用于普通按钮,提交按钮,单选按钮,复选框以及超级链接。
例如:
<html>
<head>
<title>Click 事件示例</title>
<script language = "Javascript">
function server()
{
var ifposition =document.dform.papers.checked;
var ifpapers = document.dform.send.checked;
if(ifpapers!=true&&ifposition ==true)
{
if(confirm("要送货上门吗?我们将收取额外的服务费用!")==true)
{
document.dform.send.checked = true;
}
}
}
</script>
</head>
<body>
<h3>这里是网上购物中心</h3>
<hr>
<p>您需要什么服务?</br>
<hr>
<form action ="" method=POST id=form1 name=dform><br>
<input name=position type = radio>在商城预定蛋糕
<input name = papers type=radio onClick=:server()">订阅杂志和报纸<br></p>
<hr><p>
<input id=checkbox1 name=send type=checkbox>送货上门
</form>
</body>
</html>
说明:在上面的例子中,用户可以选择所需要的服务。当用户选择了“订阅杂志和报纸”这一项,但却没有选择“送货上门”的服务选项时,弹出一个对话框提醒用户是否选择。对话框中由两个按钮,“确定”和“取消”,若选择“确定”,“送货上门”的选项将被自动被选中,若选择“取消”,则保持现状。 |