当前位置: 首页 > 编程笔记 >

jQuery Checkbox 全选 反选的简单实例

汪博艺
2023-03-14
本文向大家介绍jQuery Checkbox 全选 反选的简单实例,包括了jQuery Checkbox 全选 反选的简单实例的使用技巧和注意事项,需要的朋友参考一下

1.全选、反选

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <script src="http://xiazai.jb51.net/201611/yuanma/jquery(jb51.net).rar"></script>
 <script type="text/javascript">
  $(function () {
   $("#selall").on("click", function () { $("#plalst :checkbox").prop("checked", true); });
   $("#selnone").on("click", function () { $("#plalst :checkbox").prop("checked", false); });
   $("#resver").on("click", function () { $("#plalst :checkbox").prop("checked", function (i, val) { return !val; }); });
   $("#chkAll").on("click", function () { $("#plalst :checkbox").prop("checked", $("#chkAll").prop("checked")) });

  });
 </script>
</head>
<body>
 <div id="plalst">
  <input type="checkbox" />一队
  <input type="checkbox" />二队
  <input type="checkbox" />三队
  <input type="checkbox" />四队
  <input type="checkbox" />五队
  <input type="checkbox" />六队
 </div>
 <br /><br /><br />
 <input type="button" id="selall" value="全选" />
 <input type="button" id="selnone" value="全不选" />
 <input type="button" id="resver" value="反选" />
 <input type="checkbox" id="chkAll" /><label for="chkAll" >选择</label>
</body>
</html>

以上就是本文的全部内容,希望对大家有所帮助,同时也希望多多支持小牛知识库!

 类似资料:
  • 本文向大家介绍jquery实现简单的全选和反选功能,包括了jquery实现简单的全选和反选功能的使用技巧和注意事项,需要的朋友参考一下 首先我们看个简单的实例 下面再给大家分享一段基于jQuery实现checkbox列表全选、反选和不选功能的代码,适用于网页多选后需要进行批量操作的场景(如批量删除等)。文章结合实例,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有需要的前端开发爱好者。 引

  • 本文向大家介绍利用jQuery实现CheckBox全选/全不选/反选的简单代码,包括了利用jQuery实现CheckBox全选/全不选/反选的简单代码的使用技巧和注意事项,需要的朋友参考一下 jQuery有些版本中实现CheckBox全选/全不选/反选会有bug,经测试jquery-1.3.1.js–>测试通过,jquery-1.5.1.js–>测试不通过。 实现CheckBox全选/全不选/反选

  • 本文向大家介绍jQuery 全选 全部选 反选 实现代码,包括了jQuery 全选 全部选 反选 实现代码的使用技巧和注意事项,需要的朋友参考一下 1.概述 在项目中经常遇到列表中对复选框进行勾选操作,全选。。。反选。。 2. example 以上所述是小编给大家介绍的jQuery 全选 全部选 反选 实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢

  • 本文向大家介绍Js实现复选框的全选、全不选反选功能代码实例,包括了Js实现复选框的全选、全不选反选功能代码实例的使用技巧和注意事项,需要的朋友参考一下 主要是用遍历的方法查找元素,然后通过改变checked的属性来选择,为true则是选中状态,为false则是未选状态 实现代码 结果 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍Android RecycleView使用(CheckBox全选、反选、单选),包括了Android RecycleView使用(CheckBox全选、反选、单选)的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了CheckBox全选、反选、单选的具体代码,供大家参考,具体内容如下 MainActiivity Adapter main.xml Check.xml 以上就是

  • 本文向大家介绍jQuery实现复选框的全选和反选,包括了jQuery实现复选框的全选和反选的使用技巧和注意事项,需要的朋友参考一下 话不多说,请看代码 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!