js控制按钮的点击次数

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js控制按钮的点击次数相关的知识，希望对你有一定的参考价值。

怎么能用js控制一个按钮只能点击两次，请告知详细的代码！谢谢！

<script>
     window.onload=function()
        var t = document.getElementById("t");
        t.onclick=function()
            var curCount =document.getElementById("t").getAttribute("count");
            if(parseInt(curCount)>2)
               alert("已点击两次")
            else
               document.getElementById("t").setAttribute("count",parseInt(curCount)+1)
            
        
     
</script>
<button name="t" id="btn" count='0'></button>

追问


点击按钮弹出div，只能点击两次，而且要把驾驶员1，变成驾驶员2和3，可是我这个实现不了，

 参考技术A 这个不能刷新的，刷新了就无效了，这个需要引用jquery的js文件。
<script>
var count=0;

$(document).ready(function()
$("#button1").click(function()
if(count==2)
$("#button1").css("display","none") //我这里是做了隐藏，你可以让他不能点击


count=count+1;

//执行代码

);

);

</script>
<input type="button" value="点击" id="button1" />追问

点击按钮弹出div，只能点击两次，而且要把驾驶员1，变成驾驶员2和3，可是我这个实现不了，

本回答被提问者采纳

记录按钮点击次数，点击三次之后跳转页面

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="myApp" ng-controller="personCtrl">

<button ng-click="toggle()">点击</button>
</div>

<script>
var app = angular.module(‘myApp‘, []);
app.controller(‘personCtrl‘, function($scope) {
var submitml=0;  //（设置变量，初始为0）
$scope.toggle = function() {
submitml++;    //（当点击一次按钮，自加一）
if(submitml<3)
{
alert(submitml)
}else
{
window.location.href=‘http://www.baidu.com‘;
}
};
});
</script>

</body>
</html>

以上是关于js控制按钮的点击次数的主要内容，如果未能解决你的问题，请参考以下文章

记录按钮点击次数，点击三次之后跳转页面

js怎么控制操作里的a标签按钮在执行判断后的某种条件下设为不可用，就是无法点击a标签按钮。

如何用JS来点击按钮

如何用JS来点击按钮

QT comBox按钮怎么获取当前值，

js点击修改按钮后要修改的地方出现文本框怎么弄?