当前位置: 58彩票app下载 > 关于计算机 > 正文

附加实现JS来禁用onClick事件思路代码

时间:2019-09-18 11:14来源:关于计算机
下边包车型大巴事例将显得其结果是绝非重载展现提交。 当客户采取三个抉择上面,二个函数叫做“getVote()”实践。该功效所诱惑的“的OnClick”事件 复制代码 代码如下: html head s

下边包车型大巴事例将显得其结果是绝非重载展现提交。
当客户采取三个抉择上面,二个函数叫做“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 id="poll">
<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.');" id="cmd1" />
<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给onclick事件赋值,动态传参数实例演讲
  • javascript 动态更改onclick事件触发函数代码
  • js动态增添onclick事件可传参数与不传参数
  • js动态增加的DIV中的onclick事件轻松实例
  • 原生JS操作网页给p成分增加onclick事件及表格隔行变色
  • js onclick事件传参批注
  • javascript option onclick事件ie应用方案包容ie,firefox
  • JavaScript给按键绑定点击事件(onclick)的法子
  • js点击button开关跳转到另三个新页面
  • JS/jQuery落成暗许展现部分文字点击开关显示全体内容
  • js 点击开关弹出另一页,选用值后,再次来到到当前页
  • JS基于onclick事件完毕单个开关的编排与保留功用示例

编辑:关于计算机 本文来源:附加实现JS来禁用onClick事件思路代码

关键词: