checkbox中jQuery对数组和对象的操作
来段小例子,jQuery实现对表单中checkbox的全选/取消/反选
<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);
});
--------------------------------------------------------------------------
Refer:jQuery武器库
相关文章
- [Web 前端 ] Jquery attr()方法 获取或修改 对象的属性值
- [JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
- jquery对象和javascript对象相互转换
- jQuery事件之鼠标事件
- jQuery 2.0.3 源码分析 回调对象 - Callbacks
- jQuery定位导航滚动3
- 第一百八十三节,jQuery-UI,知问前端--验证插件
- jQuery的类数组对象结构(转)
- jQuery对象与dom对象的转换[转]
- jquery ajax分页 js对象
- jquery.ajax 跨域请求webapi,设置headers
- jQuery对象入门级介绍
- jquery constructor
- 从零开始学_JavaScript_系列(七)——jquery(复选框及互斥、div块、修改css、标签数组、ajax连续加载)
- 盘点用jQuery框架实现“for循环”的四种方式!
- js-jquery-对象与JSON字符串互相转换
- python web py入门(43)- jQuery 事件 - ready() 方法
- jQuery 数据操作函数
- jquery案例4——jq动画、jq显示与隐藏(规定时间)滑动下拉slideDown,滑动上拉slideUp