jQuery Checkbox 全选 反选的简单实例
2018-10-12 14:01
726 查看
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 checkbox复选框全选功能简单实例
- jquery实现checkbox全选全不选的简单实例
- jquery插件开发(checkbox全选的简单实例)
- 方便实用的jQuery checkbox复选框全选功能简单实例
- jquery实现checkbox全选全不选的简单实例
- jquery实现checkbox全选全不选的简单实例
- jquery实现checkbox全选全不选的简单实例
- JQuery选中checkbox方法代码实例(全选、反选、全不选)
- jQuery checkbox复选框全选功能的实例
- Jquery checkbox全选,反选,全不选实例
- Jquery checkbox全选简单用法
- JQuery选中checkbox方法代码实例(全选、反选、全不选)
- jquery中checkbox使用方法简单实例演示
- Jquery checkbox全选简单用法
- jquery中checkbox使用方法简单实例演示
- ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
- JQuery点击行tr实现checkBox选中的简单实例
- JQuery checkbox全选,反选实例
- jQuery实现checkbox全选功能完整实例
- ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)