jQuery——选中、不选中、全选、取消全选等复选框操作
2017-06-23 16:07
253 查看
选中(不选中):
//设置复选框选中不选中jQuery版本1.6以下
//$("#TOTY").attr("checked",true);
//$("#TOTY").attr("checked",false);
//jQuery版本1.6以上
$("input[id='TOTY']").prop("checked", true);
$("input[id='TOTY']").prop("checked", false);
全选(全不选):
$('input:checkbox').each(function() {
$(this).attr('checked', true);
});
$('input:checkbox').each(function() {
$(this).attr('checked', false);
});
根据value值设置CheckBox是否为选中:
$("input:checkbox[value='1']").attr('checked','true');
根据value值删除CheckBox:
$("input:checkbox[value='1']").remove();
根据索引值删除CheckBox:
$("input:checkbox").eq(索引值).remove();索引值=0,1,2....
如删除第3个checkbox:
$("input:checkbox").eq(2).remove();
根据索引值设置CheckBox选中:
$('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2....
//设置复选框选中不选中jQuery版本1.6以下
//$("#TOTY").attr("checked",true);
//$("#TOTY").attr("checked",false);
//jQuery版本1.6以上
$("input[id='TOTY']").prop("checked", true);
$("input[id='TOTY']").prop("checked", false);
全选(全不选):
$('input:checkbox').each(function() {
$(this).attr('checked', true);
});
$('input:checkbox').each(function() {
$(this).attr('checked', false);
});
根据value值设置CheckBox是否为选中:
$("input:checkbox[value='1']").attr('checked','true');
根据value值删除CheckBox:
$("input:checkbox[value='1']").remove();
根据索引值删除CheckBox:
$("input:checkbox").eq(索引值).remove();索引值=0,1,2....
如删除第3个checkbox:
$("input:checkbox").eq(2).remove();
根据索引值设置CheckBox选中:
$('input:checkbox).eq(索引值).attr('checked', 'true');索引值=0,1,2....
相关文章推荐
- jquery操作复选框全选反选选中 1.9与1.8区别
- jquery 循环获取checkBox的值,以及对复选框选中,取消,操作按钮
- jquery 循环获取checkBox的值,以及对复选框选中,取消,操作按钮
- 复选框的一下额操作|全选 取消全选 反选 选中值
- jquery操作复选框全选反选选中 1.9与1.8区别
- jquery checkbox 复选框多次点击判断选中状态,以及全选/取消的代码示例
- jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
- jquery 复选框全选/全不选切换 普通DOM元素点击选中/取消选中切换
- Jquery 操作复选框 全选,判断是否选中等
- JQUERY复选框CHECKBOX全选,取消全选
- jQuery操作CheckBox的方法介绍(选中,取消,取值)
- jQuery:1.5.1,复选框应用(全选,全不选,反选,提交选中的值,全选/全不选)
- jQuery操作CheckBox的方法(选中,取消,取值)详解
- jQuery:1.5.1,复选框应用(全选,全不选,反选,提交选中的值,全选/全不选)
- jQuery操作CheckBox的方法(选中,取消,取值)详解
- Jquery CheckBox复选框 全选/取消全选 最佳实现方式 参考案例
- jQuery操作CheckBox的方法介绍(选中,取消,取值)
- 选中实现jquery实现复选框checkbox全选(完善)
- jquery实现复选框checkbox全选,取消全选
- jquery实现复选框checkbox全选,取消全选