javascript jquery全选反选#jquery

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript jquery全选反选#jquery相关的知识,希望对你有一定的参考价值。

//全选框
<input name="h_tab_checkbox" id="p_all"  type="checkbox">

 <input  name="batch" value="<?=$value['contract_id']?>"  type="checkbox">

<script type="text/javascript">
        //全选
        $('#p_all').click(function(){
            if($(this).prop("checked")){
                $('[name="batch"]').prop('checked', true);
            }else{
                $('[name="batch"]').prop('checked', false);
            }
        })
        
        
            //批量操作
    function  bacthChage(number){
        //获取contract_id
        var contract_id='';
        $('[name="batch"]:checked').each(function(i,n){
            contract_id+= n.value+','
        });
        if(contract_id==''){
            alert("请选择数据");return false;
        }

        var  url ='/index.php?app_act=tms/report/batch_change_payable';
        layer.confirm('确定批量更新吗?', {
            btn: ['确定','取消'],
            icon: 7,
            offset: ['300px', '600px']
        }, function(){
            $.post(url,{contract_id:contract_id,batch_type:number},function(response){
                layer.msg(response.msg,{icon: 6,offset: ['300px', '600px']}, function(index){
                    location.reload();
                })
            },'json');
        }, function(){
            layer.close();
        });
    }


</script>

以上是关于javascript jquery全选反选#jquery的主要内容,如果未能解决你的问题,请参考以下文章

Layui table中筛选列增加 [全选,反选] 功能【转】

jQuery 复选框全选反选

js全选,反选,全不选

JQuery实现的 checkbox 全选反选。

用jQuery实现(全选反选全不选功能)

jQuery实现全选反选功能