美文网首页
JQuery 实现全选

JQuery 实现全选

作者: 有备而来的王 | 来源:发表于2017-10-03 08:29 被阅读0次

1.第一步,引用js文件

<script src="js/jquery.min.js"></script>

2.第二步,准备checkBox代码

checkBox

3.第三步,准备javascript代码

    (1).控制全选,全不选事件

change()

  (2).单个checkBox事件

other()

  (3).判断是否全选,若子checkbox全部选中,则全选的checkbox选中;若子checkbox只要有一个没有选中,则全选的checkbox不选中。(稍微有些啰嗦0.0·)

checkAll()

4.以上,全部完成,试试看!

相关文章

网友评论

      本文标题:JQuery 实现全选

      本文链接:https://www.haomeiwen.com/subject/dghodxtx.html