您好,登录后才能下订单哦!
本篇内容主要讲解“jquery如何实现取反方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery如何实现取反方法”吧!
jquery实现取反的方法:1、导入jQuery库;2、设置点击事件;3、循环设置其它多选框选中状态;4、通过“!chkall;”方式实现标识变量取反即可。
本文操作环境:windows7系统、jquery-2.1.4版本、Dell G3电脑。
jquery怎么实现取反方法?
利用JQuery实现全选和反选的几种方法
如图:要实现的效果是点击全选框全部选中,再点击全部不选中
方法一思路:1、导入jQuery库,这个网上可以下载,是免费开源的,2、设置class为fruit,通过prop设置它们的属性。
方法一:jQuery代码:
//定义标识,true表示选中 var chkall = true; $(function () { //全选按钮设置点击事件 $("#btnAll").click(function () { //1、循环设置其它多选框选中状态,跟标识用的变量一样 $(".fruit").prop("checked", chkall); //2、标识的变量取反 chkall = !chkall; }) })
方法二思路:通过表单过滤器获取所有的单选框,再循环设置checked属性。
方法二:jQuery代码:
$(function () { //得到全选框的值 var $checked = this.checked; //通过表单过滤器得到所有单选框 $("input[class=fruit]").each(function () { //单选框的值与全选框的值保持一致 this.checked = $checked; }) }) })
最后补充说明:JQuery一般获取属性我们会用Attr,设置属性的值我们用prop.
到此,相信大家对“jquery如何实现取反方法”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。