jquery操作复选框(checkbox)的12个小技巧总结
2015-10-13 10:35
776 查看
//1、获取单个checkbox选中项(三种写法)
//或者
//或者
//2、 获取多个checkbox选中项
//3、设置第一个checkbox 为选中值
//或者
//4、设置最后一个checkbox为选中值
//或者
//5、根据索引值设置任意一个checkbox为选中值
//或者
//6、选中多个checkbox同时选中第1个和第2个的checkbox
//7、根据Value值设置checkbox为选中值
//8、删除Value=1的checkbox
//9、删除第几个checkbox
//如删除第3个checkbox:
//10、遍历checkbox
//11、全部选中
//12、全部取消选择
$("input:checkbox:checked").val()
//或者
$("input:[type='checkbox']:checked").val();
//或者
$("input:[name='ck']:checked").val();
//2、 获取多个checkbox选中项
$('input:checkbox').each(function() { if ($(this).attr('checked') ==true) { alert($(this).val()); } });
//3、设置第一个checkbox 为选中值
$('input:checkbox:first').attr("checked",'checked');
//或者
$('input:checkbox').eq(0).attr("checked",'true');
//4、设置最后一个checkbox为选中值
$('input:checkbox:last').attr('checked', 'checked');
//或者
$('input:checkbox:last').attr('checked', 'true');
//5、根据索引值设置任意一个checkbox为选中值
$('input:checkbox).eq(索引值).attr('checked', 'true');//索引值=0,1,2....
//或者
$('input:checkbox').slice(1,2).attr('checked', 'true');
//6、选中多个checkbox同时选中第1个和第2个的checkbox
$('input:checkbox').slice(0,2).attr('checked','true');
//7、根据Value值设置checkbox为选中值
$("input:checkbox[value='1']").attr('checked','true');
//8、删除Value=1的checkbox
$("input:checkbox[value='1']").remove();
//9、删除第几个checkbox
$("input:checkbox").eq(索引值).remove();//索引值=0,1,2....
//如删除第3个checkbox:
$("input:checkbox").eq(2).remove();
//10、遍历checkbox
$('input:checkbox').each(function (index, domEle) { //写入代码 });
//11、全部选中
$('input:checkbox').each(function() { $(this).attr('checked', true); });
//12、全部取消选择
$('input:checkbox').each(function () { $(this).attr('checked',false); });
相关文章推荐
- Jquery/JS实现DIV的隐藏/显示
- jQuery support 源码解读
- 用jquery技术实现table的奇数行变色
- jQuery使用ajax跨域请求获取数据
- jquery中attr和prop的区别分析
- jquery中AJAX请求 $.post方法的使用
- Jquery如何获取select选中项 自定义属性的值?
- 温故知新: jQuery经典知识点
- jquery特效之可编辑的表格
- jquery的.get方法说解
- jQuery autocomplete 自扩展插件、自动补全示例
- jquery.roundabout.js实现3D图片层叠旋转木马切换
- 11-Jquery使用get方法实现用户名的验证
- 移动web开发学习一:jquery mobile 和 scrollview的整合
- 非常简单的使用jquery fancybox插件实现的查看图片效果
- 利用JQUERY来操作Radio的方法
- asp jquery ajxs json和jsonp跨域请求
- jquery判断checkbox是否选中及改变checkbox状态
- 表单选择时变色jquery实现
- jqueryGrid 内置的onclickSubmit afterSubmit