checkbox中jQuery对数组和对象的操作
------------------------------------------------------------------------------------------
来段小例子，jQuery实现对表单中checkbox的全选/取消/反选
-------------------------@chenwei <www.farwish.com>---------------------------
<input type="checkbox" class="all" />
<input type="checkbox" name="id[]" value="1" />a
<input type="checkbox" name="id[]" value="2" />b
<input type="checkbox" name="id[]" value="3" />c
<button class="selectInverse">反选</button>
<script>
$('.all').toggle(
function({
$(":input[name=id[]]").each(function(){
$(this).attr('checked', true);
});
}),
function({
$(":input[name=id[]]").each(function(){
$(this).attr('checked', false);
});
})
);
$('.selectInverse').click(function(){
$(":input[name=id[]]").each(function(){
$(this).attr('checked', !this.checked);
});
});
</script>
-----------------------------------------------------------------------------------------
以上用到了事件：click, 事件切换：toggle, 表单元素的匹配：input, 设置元素的属性：attr, 数组和对象操作：each;
$().each();专门用于遍历jQuery对象;
$.each(object , [callback]) 是jQuery通用遍历方法，可用于遍历对象和数组;
例子：
1.遍历数组，同时使用元素索引和内容
$.each([0,1,2], function(i, n){
console.log('item:'+ i +',value:'+ n);
});
2.遍历对象，同时使用成员名称和变量内容
$.each({name:'chenwei', age:'81'}, function(i, n){
console.log('name:'+ i + ', age:'+ n);
});
-----------------------------------------------------------------------------------------
最新文章
- 1-安装kvm及虚拟机
- Xdebug文档（四）函数跟踪
- redis.1--SDS结构
- oracle查看所有表的数据量并排序
- loj 1004(dp)
- Java遇见HTML——JSP篇之商品浏览记录的实现
- 探秘腾讯Android手机游戏平台之不安装游戏APK直接启动法
- PHP 高并发、抢票、秒杀 解决方案
- SharePoint 2010 最佳实践学习总结------第1章 SharePoint Foundation开发基础
- UITableView自定义单元格
- LoadRunner 录制IE 8卡死
- tomcat多域名配置
- ComboBox 自动调整组合框下拉部分的宽度
- HTML5 简介、浏览器支持、新元素
- Prim和Kruskal最小生成树
- 201521123039 《java程序设计》第一周学习总结(新）
- Hibernate中的主键生成器generator
- JS 详解对象的继承
- 【题解】 Codeforces 662A Gambling Nim （线性基）
- Linux系统编译Openssl步骤