jQuery Checkbox 全选 反选的简单实例
更新时间：2016年11月29日 08:34:56 作者：森林王子
本文主要介绍了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 是最流行也是使用最广泛的 JavaScript 框架，它简化了 HTML 文档操作，事件处理，动画效果和 Ajax 交互。下面向大家分享8个优秀的 jQuery 倒计时插件和教程2011-12-12
用Radio来实现用户的选择效果，在项目中积累了一些利用JQUERY来操作Radio的方法，这里与大家分享下2014-10-10
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
本文通过实例代码给大家介绍了jQuery+Ajax请求本地数据加载商品列表页并跳转详情页,需要的朋友可以参考下2017-07-07
本文主要介绍了jquery实现焦点轮播效果的示例代码，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
jQuery获取当前元素的索引值还是很方便的，比如一大堆的li，当鼠标移上去的时候，你知道这个li是众多li中的第几个吗？2009-05-05
多级菜单，理论上支持无限多的层级，文件结构非常简单的，以下是完整代码，有需要的朋友可以参考一下2013-10-10
这篇文章主要介绍了jQuery实现精美的多级下拉菜单特效，主要依托于jQuery的fg.menu.js插件来实现的，效果非常棒，推荐给大家。2015-03-03
这篇文章主要介绍了jQuery使用$.ajax进行即时验证的方法,较为详细的分析了jQuery基于ajax实现前台验证与后台数据交互的相关技巧,非常简单实用,需要的朋友可以参考下2015-12-12
jQuery使用模式窗口实现在主页面和子页面中互相传值的方法
这篇文章主要介绍了jQuery使用模式窗口实现在主页面和子页面中互相传值的方法,涉及jQuery模式窗口及参数传递相关技巧,需要的朋友可以参考下2016-03-03
这篇文章主要介绍了jQuery实现简单倒计时功能的方法,涉及jQuery根据时间动态操作页面元素的相关技巧,需要的朋友可以参考下2016-07-07
最新评论