怎么用jquery写全选反选，使用jquery实现全选和反选

JQuery实现列表中复选框全选反选功能封装(推荐)

首先web项目结构如图所示，这个结构熟悉的话可以自己调整的。然后设置一些较为简单的选项框，这里随便用abcd来代替选项框了。这里是jq来实现全选，所以引入jQuery，并且给按钮绑定一个jQuery类型的点击事件即可。然后通过prop来设置input的属性即可设置全选了，prop是jq自带的一个方法。

全不选：(：checkbox).removeAttr(checked)；反选：(：checkbox：checked).removeAttr(checked)；(：checkbox：not(：checked)).attr(checked，checked)；全手写，没有经过测试。

function selectall(obj){ obj=$(obj)；var flag=obj.attr(checked)？true：false；obj.parent().find(：checkbox).attr(checked，flag)；} 做了一点小改动。

那么jQuery.fn.extend()方法就是扩展jQuery对象的原型方法。我们知道在原型上扩展方法相当于给对象增加了一个“成员方法”，而类的“成员方法”只能被类的对象调用，所以使用jQuery.fn.extend(object)扩展的方法，jQuery类的实例就可以使用这个“成员函数”。

相关问答

Q1: 用jquery怎么实现全选/全不选

1、创建一个html，然后在body标签添加如下图所示的代码，主要是在一个表格中包含多选框。然后首要就是要引入jquery的库。注意jquery库的方式： 不能写成这种方式。否则无效！大家可以去尝试一下这两个的差别。然后再来一个jquery的加载函数，加载函数是jquery的标配。

2、全不选：(：checkbox).removeAttr(checked)；反选：(：checkbox：checked).removeAttr(checked)；(：checkbox：not(：checked)).attr(checked，checked)；全手写，没有经过测试。

3、//所有checkbox跟着全选的checkbox走。$([name=items]：checkbox).attr(checked， this.checked )；})；$([name=items]：checkbox).click(function(){//定义一个临时变量，避免重复使用同一个选择器选择页面中的元素，提升程序效率。

Q2: 如何用jquery实现全选text里的文字

首先使用jquery选择器选择所有的td标签，使用jquery的text（）方法可以获取td中的文字内容。text()：得到匹配元素集合中每个元素的文本内容结合，包括他们的后代，或设置匹配元素集合中每个元素的文本内容为指定的文本内容。

先使用jQuery选择器找到所有的文本框。为文本框注册获得焦点事件，即focus事件。在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色。注册失去焦点事件，即blur事件。在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色。

.text()用来读取元素的纯文本内容，包括其后代元素.获取a标签中的内容简单，只需定位即可：(.demo p a).text()；但是获取p的text的话，相对操作比较麻烦，无法一部到位。

jquery提供了三个获得内容的方法， text()、html() 以及 val()，其中前两个可用于解决本问题，$(label#userid).text()； // 首选，获取label的文本，$(label#userid).html()； // 也可以实现，获取label标签内的所有html标记，一般情况改下label标签内就是文本，所以等效上面的方法。

怎么用jquery写全选反选的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于使用jquery实现全选和反选、怎么用jquery写全选反选的信息别忘了在本站进行查找喔。