首页  >  文章  >  web前端  >  jquery一句话全选/取消全选_jquery

jquery一句话全选/取消全选_jquery

WBOY
WBOY原创
2016-05-16 18:09:58955浏览

1、当然要导入jquery文件啦。
2、创建函数
var check_all = function(obj,name){$(":checkbox[name='" name "']").attr("checked “,obj.checked); }
3、使用

复制代码 代码如下:

;

<头>
<脚本类型=“text/javascript”src=“http://code.jquery.com/jquery-1.4.4.min.js”>

function selectAll(checkbox) {
$('input[type=checkbox]').attr('checked', $(checkbox).attr('checked'));
}


<身体>
全选
>
<输入类型=“复选框”/>
>
<输入类型=“复选框”/>
>
<输入类型=“复选框”/>
>
<输入类型=“复选框”/>
>
<输入类型=“复选框”/>
>
<输入类型=“复选框”/>
>
……



多组的 JQUERY 选中与取消
复制代码 代码如下:

<头>
<脚本类型=“text/javascript”src=“http://code.jquery.com/jquery-1.4.4.min.js”>

function selectGroup(checkbox,obj) {
$('input[name=' obj ']').attr('checked', $(checkbox).attr('checked'));
}


<身体>
选中GROUPA
>
组:
>
<输入类型=“复选框”名称=“grp1”/> 11
>
<输入类型=“复选框”名称=“grp1”/> 22
>
33

>
选中GROUPB
>
组:
>
<输入类型=“checkbox”名称=“grp2”/>44
>
<输入类型=“复选框”名称=“grp2”/> 55
>
<输入类型=“checkbox”名称=“grp2”/>66
>




其他补充代码:
引用 Jquery 库jquery-1.4.1-vsdoc.js 等

Jquery 脚本代码———————— ——————————————
复制代码代码如下:

$(function() {
$('#inputCheck').click(function() {
$("input[name='Checkbox1']").attr("已选中", $( this).attr("已选中"));
}); // 全选

$(function() {
$("#select_reverse").click(function() {
$("input[name='Checkbox1']").每个(function(idx, item) {
$(item).attr("已检查", !$(item).attr("已检查"));
})
}); >});//反选


html 前台代码————————————————————————
[code]
全选
反选





[html]
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn