jQuery ---复选框全选、全不选

本文介绍了一个使用jQuery实现的复选框全选功能及如何遍历已选中的复选框示例。当点击全选按钮时,所有指定名称的复选框会被一同选中或取消选中;通过遍历操作可以获取到所有被选中的复选框ID。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<input name="all" type="checkbox" id="selectAll"/>

<input name="message" type="checkbox" value="" id="1" />

<input name="message" type="checkbox" value="" id="2" />

<input name="message" type="checkbox" value="" id="3" />

<input name="message" type="checkbox" value="" id="4" />



$("#selectAll").click(function(){

 if($("input[name='all']").is(':checked')){//判断复选框是否被选中
        $("input[name='message']").prop("checked",true); //选中复选框
    }else{
        $("input[name='message']").prop("checked",false); //不选复选框
    }
    

});

//遍历选中的复选框

$("input[name='message']").each(function(){
        if($(this).is(':checked')){
            var id=$(this).attr("id");
            alert(id);
        }
    });

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值