Close
Menu 
位置:  首页 -> 编程语言 -> jquery -> jquery批量获取复选框的值

jquery批量获取复选框的值

html代码


 <input lay-skin="primary" class="getid" name="checkBoxGroup" type="checkbox" value="{$vo.id}">

  • 说说 : value 一般是循环出来的 id ,然后 name 是相同的.

jquery代码

/*-批量删除*/
    function delAll() {
        var str = '';
        $(":checkbox[name='checkBoxGroup']:checked").each(function() {
            str += $(this).val() + ",";
        });
        
        str=str.slice(0,str.length-1);//删除字符串最后一个元素
        if (str == '') {
            layer.msg('请至少选择一项');
            return false;
        }
        layer.confirm('确认要删除这  '+checkde_count+'项 吗？' + '( '+str+')',
            {btn: ['删除', '取消']},
          function(){
            $.post("all_del.php",    
                {data: str},
                function(res) {
                if (res.code > 0) {
                    layer.alert(res.msg, {
                        icon: 2
                    });
                } else {
                    layer.msg(res.msg);
                    setTimeout(function() {
                        window.location.reload();
                    },
                    1000);
               }
            },
            'json');
        });
    }


  • 这里是一个批量删除场景.
  • each() ( jQuery 遍历方法) , 遍历时我们把选中的复选框值 拼接起来,并用逗号分隔,便于后端处理
  • slice(start,end) start : 要抽取的片断的起始下标。 end : 要抽取的片断的结尾下标。去掉结尾多余的逗号,便于后端处理
  • 最后用 ajax 把字符串传去后端处理

本文标签 jquery

到底了 1

相关阅读