JQ批量选中checkbox以及提交

单选与批量选中checkbox

$(function () {

$("#all_checkbox").on('change',function() {

var self =$(this);

        var all_box =$('tbody').find("input[type='checkbox']");

        if(self.prop('checked')==false){

self.prop('checked',false);

            all_box.prop('checked',false);

        }else {

self.prop('checked',true);

            all_box.prop('checked',true);

        }

});

});

$(function () {

$(".checkbox").click(function() {

var self =$(this);

        if(self.prop('checked')==false){

self.prop('checked',false);

        }else {

self.prop('checked',true);

        }

});

});

选中checkbox以及未选中

$(function () {

$('#save-task-btn').click(function () {

var box =$(".checkbox");

        var task_id =$('#task_id').attr('value');

        var id_list=[];

        var N_id_list=[];

        box.each(function () {

if($(this).prop('checked')==true){

var Ycase_id =$(this).attr('value');

                id_list.push(Ycase_id);

            }else {

var Ncase_id =$(this).attr('value');

                N_id_list.push(Ncase_id);

            }

});

        // console.log(id_list);

        var task_json={

'task_id':task_id,

            'id_list':id_list,

            'N_id_list':N_id_list

};

        $.post({

'url':'/Utastcase/',

            "content-type":"application/json;charset=utf-8",

            "data":JSON.stringify(task_json),

            "success":function (data) {

if (data['code']==200){

zlalert.alertSuccessToast('保存成功');

                }else {

zlalert.alertInfo(data['message']);

                }

}

})

})

});

你可能感兴趣的:(JQ批量选中checkbox以及提交)