模拟用户点击行为

最新推荐文章于 2024-05-21 15:38:13 发布

dreamboycx

最新推荐文章于 2024-05-21 15:38:13 发布

阅读量890

点赞数

分类专栏：前端设计

本文链接：https://blog.csdn.net/dreamboycx/article/details/11742139

版权

前端设计专栏收录该内容

121 篇文章 1 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>模拟用户自动点击</title>
<script src="jquery-1.7.2.min.js" type="text/javascript"></script>
<script>
$(function(){
	
	$("#btn").click(function(){
		$("#show").toggle("slow");
		//var data = $("#myform").serialize();
		//alert(data);
	});
	$("#checkedAll").click(function(){
		$('[name=items[]]:checkbox').attr('checked',true);
	});
	$("#checkedNo").click(function(){
		$('[name=items[]]:checkbox').attr('checked',false);
	});
	$("#checkedRev").click(function(){
		$('[name=items[]]:checkbox').each(function(){
			//$(this).attr('checked',!$(this).attr('checked'));
			this.checked = !this.checked;
		});
	});
	
	$("#send").click(function(){
		var str = "你选中的是：\r\n";
		$('[name=items[]]:checkbox:checked').each(function(){
			str += $(this).val()+"\r\n";
		});
		alert(str);
	});

});
function abc(){
	$("#btn").trigger("click");
	$("#checkedRev").trigger("click");
	$("#send").trigger("click");
	//$("#btn").click();
	//window.clearInterval(inter);
}
var inter = window.setInterval('abc();',3000);
</script>
</head>

<body>
<button id="btn">点击</button>
<div id="show" style="display:none">此为隐藏内容</div>
<form id="myform">
你的爱好是？<br />
<input type="checkbox" name="items[]" value="足球" />足球
<input type="checkbox" name="items[]" value="篮球" checked="checked" />篮球
<input type="checkbox" name="items[]" value="羽毛球" />羽毛球
<input type="checkbox" name="items[]" value="乒乓球" checked="checked"/>乒乓球
<input type="checkbox" name="items[]" value="网球" />网球
<input type="button" id="checkedAll" value="全选" />
<input type="button" id="checkedNo" value="全不选" />
<input type="button" id="checkedRev" value="反选" /><br />
<input type="text" name="inp"  />
<input type="button" id="send" value="提交" />
</form>
</body>
</html>

dreamboycx

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
模拟用户点击行为

模拟用户自动点击$(function(){ $("#btn").click(function(){ $("#show").toggle("slow"); //var data = $("#myform").serialize(); //alert(data); }); $("#checkedAll").click(function(){ $('[name=items
复制链接

扫一扫

专栏目录