jquery怎么实现取反方法-前端问答-PHP中文网

jquery怎么实现取反方法

藏色散人

发布： 2021-11-19 11:12:31

原创

2901人浏览过

jquery实现取反的方法：1、导入jQuery库；2、设置点击事件；3、循环设置其它多选框选中状态；4、通过“!chkall;”方式实现标识变量取反即可。

jquery怎么实现取反方法

本文操作环境：windows7系统、jquery-2.1.4版本、Dell G3电脑。

jquery怎么实现取反方法？

利用JQuery实现全选和反选的几种方法

如图：要实现的效果是点击全选框全部选中，再点击全部不选中

方法一思路：1、导入jQuery库，这个网上可以下载，是免费开源的，2、设置class为fruit,通过prop设置它们的属性。

Android配合WebService访问远程数据库中文WORD版

采用HttpClient向服务器端action请求数据，当然调用服务器端方法获取数据并不止这一种。WebService也可以为我们提供所需数据，那么什么是webService呢？，它是一种基于SAOP协议的远程调用标准，通过webservice可以将不同操作系统平台，不同语言，不同技术整合到一起。实现Android与服务器端数据交互，我们在PC机器java客户端中，需要一些库，比如XFire,Axis2,CXF等等来支持访问WebService，但是这些库并不适合我们资源有限的android手机客户端，

查看详情

方法一：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视频教程》

以上就是jquery怎么实现取反方法的详细内容，更多请关注php中文网其它相关文章！