Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 已选中限制,在引导数据表中选中复选框_Javascript_Jquery_Twitter Bootstrap_Checkbox_Datatable - Fatal编程技术网

Javascript 已选中限制,在引导数据表中选中复选框

Javascript 已选中限制,在引导数据表中选中复选框,javascript,jquery,twitter-bootstrap,checkbox,datatable,Javascript,Jquery,Twitter Bootstrap,Checkbox,Datatable,我在下面的代码中单击我的DataTable中的复选框,获取id并存储在数组中。例如,我有两个独立的数据表,第一个是总统的,第二个是参议员的 我们知道,我们只能在总统选举中投1票,而对于参议员,我们可以选择许多人 我这里的问题是我可以检查数据表中有多少复选框。如何限制复选框 还在这里学习bootstrap JS代码 var dataTablestest = $("#tbltest").DataTable({ responsive: true, processing: true,

我在下面的代码中单击我的
DataTable
中的复选框,获取
id
并存储在数组中。例如,我有两个独立的数据表,第一个是总统的,第二个是参议员的

我们知道,我们只能在总统选举中投1票,而对于参议员,我们可以选择许多人

我这里的问题是我可以检查
数据表中有多少复选框。如何限制复选框

还在这里学习bootstrap

JS代码

var dataTablestest = $("#tbltest").DataTable({
    responsive: true,
    processing: true,
    info: true,
    search: true,
    stateSave: true,
    order: [[1, "asc"], [2, "asc"]],
    lengthMenu: [[50, 100, 200, -1], [50, 100, 200, "All"]],
    ajax: { "url": "/Voting/LoadTableTest" },

    columns:
    [
         { data: "testID", title: "", visible: false, searchable: false },
        { data: "Fullname", title: "FullName", sClass: "alignRight" },
        { data: "Position", title: "Position", sClass: "alignRight" },
        { data: "party", title: "Party", sClass: "alignRight" },
        { data: "ActionMenu", title: "Click to vote", searchable: false, orderable: false, sClass: "alignCenter",
            "mRender": function (data) {
                return '<center><label><input class="checkId" type="checkbox" id="chkvote_' + data + '" value=""/></label></center>';
            }
        }
    ]
});
var arrayIds = [];
$('#tbltest tbody').on('click', 'tr', function (e) {
    if ($(e.target).is(".checkId")) {
        var Ids = dataTablestest.row(this).data().testID;
        arrayIds.push(Ids);
        return
    }
});

我使用下面的代码。。感谢所有查看我的帖子的人

 var arrayIds = [];
$('#tbltest tbody').on('click', 'tr', function (e) {
    if ($(e.target).is(".checkId")) {
        var Ids = dataTablestest.row(this).data().testID;
        if ($(e.target).is(":checked") == true) {
            var lenArray = arrayIds.length;
            if (lenArray < 1) {
                arrayIds.push(Ids);
            } else {
                return false;
            }
        }
        else {
            for (var i = arrayIds.length - 1; i >= 0; i--) {
                if (arrayIds[i] === Ids) {
                    arrayIds.splice(i, 1);
                }
            }
        }
    }
    return;
});
var arrayIds=[];
$('tbltest tbody')。在('click','tr',函数(e)上{
if($(e.target).is(“.checkId”)){
var id=datatabletest.row(this.data().testID);
if($(e.target).is(“:checked”)==true){
var lenArray=arrayIds.length;
if(lenArray<1){
arrayIds.push(id);
}否则{
返回false;
}
}
否则{
对于(var i=arrayIds.length-1;i>=0;i--){
if(arrayIds[i]==Ids){
阵列式拼接(i,1);
}
}
}
}
返回;
});
 var arrayIds = [];
$('#tbltest tbody').on('click', 'tr', function (e) {
    if ($(e.target).is(".checkId")) {
        var Ids = dataTablestest.row(this).data().testID;
        if ($(e.target).is(":checked") == true) {
            var lenArray = arrayIds.length;
            if (lenArray < 1) {
                arrayIds.push(Ids);
            } else {
                return false;
            }
        }
        else {
            for (var i = arrayIds.length - 1; i >= 0; i--) {
                if (arrayIds[i] === Ids) {
                    arrayIds.splice(i, 1);
                }
            }
        }
    }
    return;
});