首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

全选跟选中项

2012-09-08 
全选和选中项js:jquery-1.3.2.js(比较老了)jquery的$别名可能与其他标签库冲突,搭配使用时,推荐使用:1.jQu

全选和选中项

js:jquery-1.3.2.js(比较老了)

jquery的$别名可能与其他标签库冲突,搭配使用时,推荐使用:

1.jQuery代替$

2.自定义:var jq = JQuery.noConflict();//jq代替$

首先把name属性设置成相同名称,如:type="checkbox" name="cbNames"

var allC = jQuery("#cbAll").attr("checked");//查找id=cbAll的元素,得到checked的属性值

?jQuery(":checkbox[name=cbNames]").each(function(){
??jQuery(this).attr("checked",allC);
??});

[]是JQuery的路径表达式,查找name="cbNames"的checkbox元素;JQuery的each()相当于for循环

cbAll是单独的checkbox元素,用来确定全选还是全不选。

选中项:

//写法类似,只是多了一个约束,查找name="cbNames" checked="true"的checkbox元素

var cs = jQuery(":checkbox[name=cbNames][checked=true]");

cs代表数组,每一个值是一个checkbox元素,如果你想对这个数组进行进一步封装,可以这样:

var ncs = jQuery.map(cs,function(val){

val:cs数组中的一个值

return val.id+'_'+val.name;

}

map()也是一个循环函数,ncs是封装后的数组,值是map()的每一个return的值

热点排行