js, jQuery实现全选、反选功能

前端之家收集整理的这篇文章主要介绍了js, jQuery实现全选、反选功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

js ,jq实现全选、反选功能

js:思路:1.点击全选按钮实现,下面内容全选,与反选 2.下面有一个没有选中时,全选按钮不勾选,当全部选中时才全选。这里引入一个计数器,来判断是否全部选中。

<Meta charset="UTF-8"> 全选Box" name="allchoose" id="Box" onclick="chk()"/>
Box" name="apple" id="apple"/> 香蕉 橘子Box" name="origin" id="origin"/>

jq,使用jQuery 前先引入 jq:

<Meta charset="UTF-8"> Box" value="全选" id="ckAll"/>水果
Box"> Box" value="苹果" id="apple"/>苹果 Box" value="香蕉" id="bann"/>香蕉 Box" value="橘子" id="origin"/>橘子

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程之家!

原文链接:https://www.f2er.com/jquery/40964.html

猜你在找的jQuery相关文章