本文操作环境: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视频教程》
以上就是jquery怎么实现取反方法的详细内容。
