欢迎来到HELLO素材网!
丰富的DIV CSS模版、JS,jQuery特效免费提供下载
当前位置:主页 > 建站教程 > JS教程 >

Jquery实现全选最简便的方法

发表于2014-04-23 23:13| 次阅读| 来源管理员| 作者管理员

摘要:全选功能是做网页基本的功能,这个功能在做批量操作时候是必须要用到的,但是怎样做最简便,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全选功能就完成了,很简便,很实用。