利用js的trigger函数,模拟事件的自动触发

需求:当点击全选按钮时,所有的checkbox框被选中或取消

实现思路:当全选按钮click函数触发,利用trigger函数自动模拟checkbox的click事件

实现代码如下

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src='sources/jquery-1.9.1.min.js'></script>
<title>测试函数</title>
</head>
<body>
<div>
<div>
<button id='select_all_btn'>全选</button><br/>
<input type="checkbox" name="hobby"/>爬山
            <input type="checkbox" name="hobby"/>跑步
            <input type="checkbox" name="hobby"/>看电影
</div>
</div>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
//当全选按钮触发时,所有checkbox被点击一次
$('#select_all_btn').bind('click',function(event){
$('input[type="checkbox"]').trigger('click');
});
});
</script>

猜你喜欢

转载自blog.csdn.net/wdhouyigege/article/details/78274926
今日推荐