85问答库 > jquery实现点击复选框，勾选所有复选框，再次点击取消勾选，这个功能怎么实现？

jquery实现点击复选框，勾选所有复选框，再次点击取消勾选，这个功能怎么实现？

2024-11-03 15:44:04

推荐回答（4个）

回答1：



$(function () {
	$("#selectAll").click(function () {//全选
		if($("#playList :checkbox").attr("checked") == true){
			$("#playList :checkbox").attr("checked", false);
		}else{
			$("#playList :checkbox").attr("checked", true);
		}
	});

	$("#unSelect").click(function () {//全不选
		$("#playList :checkbox").attr("checked", false);
	});

	$("#reverse").click(function () {//反选
		$("#playList :checkbox").each(function () {
			$(this).attr("checked", !$(this).attr("checked"));
		});
	});
});


        歌曲1
        歌曲2
        歌曲3
        歌曲4
        歌曲5
        歌曲6

回答2：

$("table :checkbox:first").change(function(){
    $(this).closest("table")
           .find(":checkbox:not(:first)")
           .prop("checked", this.checked);
});

回答3：

jquery实现checkbox全选最简写法





$(function(){
    $('#selectAll').click(function(){
        $('input[type=checkbox]').attr('checked', $(this).attr('checked'));
    });
});



全选

回答4：

全选/反选 checkbox 的 id = 'all'
其他checkbox的name=‘check’
$("#all").click(function(){
if($("#all").attr("checked") == "checked"){

$("input[name='check']").attr("checked","checked");
}else{

$("input[name='check']").removeAttr("checked","checked");
}

});

jquery实现 点击复选框，勾选所有复选框，再次点击取消勾选，这个功能怎么实现？

jquery实现点击复选框，勾选所有复选框，再次点击取消勾选，这个功能怎么实现？