您的位置:首页 > Web前端 > JQuery

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....
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: