jq禁止按钮连续点击的前端实例

最新推荐文章于 2024-09-05 10:41:35 发布

1002710030

最新推荐文章于 2024-09-05 10:41:35 发布

阅读量290

点赞数

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/qq_35776207/article/details/127459443

版权

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title></title>
	<link rel="stylesheet" href="bootstrap.min.css">
	<script src="jquery.min.js"></script>
	<script src="bootstrap.min.js"></script>
</head>
<body>
	<script type="text/javascript">
		function key(v){
			var cdr=$("#admin").val();
			$.ajax({
				type:"POST",
				url:"cuidan.php",
				dataType:"JSON",
				data:{
					"id":v,
					"cdr":cdr,
				}
			})
			var xx=document.getElementById("btn"+v);
			xx.disabled=true;
			var index = 60;
			xx.value = `催单 (${index}) `;
			var timer = setInterval(function () {
				index--;
				xx.value = `催单 (${index}) `;
				if (index == 0) {
					clearInterval(timer);
					xx.disabled = false;
					xx.value = '催单';
				}
			}, 1000)


		}
	</script>
	<table width="100%" class="table">
		<tr>
			<th>编号</th>
			<th width="10%">催单</th>
		</tr>
		<?php
		$sql="SELECT * from tuihuan  order by id desc";
		$bianhao=1;
		$rs=mysql_query($sql);
		while($rows=mysql_fetch_assoc($rs)){
			?>
			<tr <?php
			if ($bianhao%2!=1) {
				?>
				class="info"
				<?php } ?>  >
				<td><?php echo $rows["id"];?></td>
				<td><input type='button' id='btn<?php echo $rows["id"];?>' class="btn btn-danger" value="催单" onclick="key(<?php echo $rows["id"];?>)"></td>
			</tr>
		</body>
		</html>