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;
});