Jquery实现全选最简便的方法
摘要:全选功能是做网页基本的功能,这个功能在做批量操作时候是必须要用到的,但是怎样做最简便,hello素材网给大家介绍一个最简便的也是用的最广泛的做法,就是通过现在最流行的jqu
全选功能是做网页基本的功能,这个功能在做批量操作时候是必须要用到的,但是怎样做最简便,hello素材网给大家介绍一个最简便的也是用的最广泛的做法,就是通过现在最流行的jquery来实现全选功能。
html代码:
<button >toggle</button> <input type="checkbox" value="1" />篮球 <input type="checkbox" value="2" />足球 <input type="checkbox" value="3" />羽毛球
jquery代码(首先要导入jquery库):
<script> var tog = false; $('button').click(function(){ $("input[type=checkbox]").attr("checked",!tog); tog = !tog; }); </script>这样jquery全选功能就完成了,很简便,很实用。