为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)

首页 > 网络编程 > JavaScript > 表单特效 更新日期: 2015-12-24
为radio类型的INPUT添加客户端脚本附加实现JS来禁用onClick事件思路代码,需要的朋友可以参考下。
下面的例子将展示其结果是没有重载显示提交。
当用户选择一个选项上面,一个函数叫做“getVote()”执行。该功能所引发的“的OnClick”事件
代码如下:

<html>
<head>
<script type="text/javascript">
function getVote(int)
{
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("poll").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","poll_vote.php?vote="+int,true);
xmlhttp.send();
}
</script>
</head>
<body>
<div >
<h3>Do you like PHP and AJAX so far?</h3>
<form>
Yes:
<input type="radio" name="vote"value="0" onclick="getVote(this.value)" />
<br />No:
<input type="radio" name="vote"value="1" onclick="getVote(this.value)" />
</form>
</div>
</body>
</html>

The getVote() function does the following:
Create an XMLHttpRequest object
Create the function to be executed when the server response is ready
Send the request off to a file on the server
Notice that a parameter (vote) is added to the URL (with the value of the yes or no option)
判断控件的disabled属性是不是true,是的话return false;实现禁用radio的onclick事件并可再次启用它
方法一:(同时实现禁用,重新启用功能,只能针对button text类型的INPUT,对div无法禁用其onclick事件)
<input type="button" value="A button. Click me to see the alert box." onclick="alert('I am clicked.');" />
<br/>
<input type="button" value="Click me to disable the first button" onclick="document.getElementById('cmd1').disabled=true;" />
<br/>
方法二,三:(实现移除radio的onclick事件,需再次重新注册事件,可以禁用div的onclick事件)
<input type="button" value="Click me to disable the onclick event on first button" onclick="document.getElementById('cmd1').onclick=function(){};" />
<br/>
三:
<input type="button" value="Click me to disable the onclick event on first button" onclick="document.getElementById('cmd1').onclick=null;" />

> 本站内容系网友提交或本网编辑转载,其目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请及时与本网联系,我们将在第一时间删除内容!

相关文章
  • 原生JS操作网页给p元素添加onclick事件及表格隔行变色
    原生JS操作网页给p元素添加onclick事件及表格隔行变色
    原生JS操作网页,给网页中的所有p元素添加onclick事件,使一个特定的表格隔行变色等等,感兴趣的朋友可以参考下1. 给网页中的所有p元素添加onclick事件: 代码如下: <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" ...
  • asp.net(C#)中给控件添加客户端js事件的方法
    今天做一个输入界面,有一需求根据一个DropDownList选择不同,后面部分出现不同的输入界面,若把响应事件放在服务端去做,得频繁刷页面.就想放在客户来处理显示和隐藏相应的输入界面.放在服务器端,也可以用ajax来实现,不刷页面.但我觉得有更直接更简单方法,用一个js事件是可以实现的. 但,DropDownList不偈Button等控件提供了一些像&quo ...
  • jquery应该如何来设置改变按钮input的onclick事件
    要动态改变这个上一页按钮中onclick的函数.我自己是尝试了很多种方法,都没有做出来,下面列举的几个都是失败的例子,需要的朋友可以参考下jquery应该如何来设置按钮input的onclick事件?比如开始时有个按钮: <input id="prebt" type="button" value="上一 ...
  • vbs脚本实现下载jre包并静默安装的代码实例
    这篇文章主要介绍了vbs脚本实现下载jre包并静默安装的代码实例,通过本文可以学到VBS中下载远程文件的方法.静默安装jre包的方法,需要的朋友可以参考下安装完成后可以回调,替换echo 123456789和pause就行了. dim path set ws = CreateObject("WScript.Shell") set fso= ...
  • Shell脚本实现复制文件到多台服务器的代码分享
    这篇文章主要介绍了Shell脚本实现复制文件到多台服务器的代码分享,用在多机集群环境中非常方便,需要的朋友可以参考下在多机集群环境中,经常面临修改配置文件后拷贝到多台服务器的情况,传统的执行scp比较麻烦,所以写了以下shell脚本,可以将指定文件拷贝到多台机器. 使用方法请参见HELP部分代码. #!/bin/bash help() { cat <& ...
猜你喜欢