Php Laravel:数据表复选框
我在服务器端提取数据，并选中复选框。例如，我有15个数据。当我检查数据1和数据13时，我提交了它。我只得到数据13 查看Php Laravel:数据表复选框,php,ajax,laravel,laravel-5,datatables,Php,Ajax,Laravel,Laravel 5,Datatables,我在服务器端提取数据，并选中复选框。例如，我有15个数据。当我检查数据1和数据13时，我提交了它。我只得到数据13 查看 <form id="approved-selected-form"> <table id="get-rfp-for-approval-table" class="table table-striped table-bordered table-sm"> <thead class="thead-global"> &l
<form id="approved-selected-form">
<table id="get-rfp-for-approval-table" class="table table-striped table-bordered table-sm">
<thead class="thead-global">
<tr>
<th></th>
<th>#</th>
<th>RFP#</th>
<th>Payee</th>
<th>Doc Ref</th>
<th>Date Needed</th>
<th>Requesting Department</th>
<th>Amount</th>
<th>Status</th>
<th>Created By</th>
<th>Approval Status</th>
<th>Action</th>
</tr>
</thead>
<tbody></tbody>
</table>
<button type="submit" class="btn btn-success btn-sm">Approved</button>
</form>
#
招标书#
受款人
参考文件
所需日期
申请部门
数量
地位
创建人
批准状态
行动
经核准的
$(document).ready(function(){
setTimeout(
function()
{
// getRFPforApproval();
//search each column datatable
$('#get-rfp-for-approval-table thead th').each(function(e) {
var title = $(this).text();
$(this).html( '<input type="text" placeholder="'+title+'" class="form-control" style="font-size: 9px;"/><br><p style="font-size: 11px; font-weight:bolder">'+title+'</p>' );
});
$('#get-rfp-for-approval-table').DataTable().columns().every(function() {
var that = this;
$( 'input', this.header() ).on('keyup change', function () {
if ( that.search() !== this.value ) {
that
.search( this.value )
.draw();
}
});
});
}, 2000);
var table3 = $('#get-rfp-for-approval-table').DataTable({
ajax: {
url: '/requests/request-for-payment/getRFPforApproval',
dataSrc: ''
},
columns: [
{ data: 'checkbox' },
{ data: '#' },
{ data: 'number' },
{ data: 'vendor' },
{ data: 'document_reference' },
{ data: 'date_needed' },
{ data: 'requesting_department' },
{ data: 'amount' },
{ data: 'status' },
{ data: 'created_by' },
{ data: 'approval_status' },
{ data: 'action' },
],
columnDefs: [
{
targets: 0,
checkboxes3: {
selectRow: true
}
}
],
select: {
style: 'multi'
},
order: [[1,'desc']]
});
if ( $('#approved-selected-form').length > 0 ) {
$('#approved-selected-form').submit(function(e){
var form = this;
console.log(table3.column(0).checkboxes3.selected());
return false;
var rows_selected = table3.column(0).checkboxes.selected();
// Iterate over all selected checkboxes
$.each(rows_selected, function(index, rowId){
// Create a hidden element
$(form).append(
$('<input>')
.attr('type', 'hidden')
.attr('name', 'checkbox[]')
.val(rowId)
);
});
swal({
title: "Are you sure?",
text: "Transaction will be approved.",
icon: "warning",
buttons: true,
dangerMode: true,
})
.then((willSave) => {
if (willSave) {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
})
$.ajax({
url: '/requests/request-for-payment/approvedTransaction',
type: "POST",
data: formData,
beforeSend: function() {
var span = document.createElement("span");
span.innerHTML = '<span class="loading-animation">LOADING...</span>';
swal({
content: span,
icon: "warning",
buttons: false,
closeOnClickOutside: false
});
$('.request-for-payment-finish').attr('disabled', 'disabled');
},
success: function(response) {
if (response != '') {
$('#get-request-for-payment-table').DataTable().destroy();
getRequestForPaymentTable();
$('#add-request-for-payment-form').trigger("reset");
swal("Transaction has been saved!", {
icon: "success",
});
setTimeout(
function()
{
window.location.href = "/requests/request-for-payment?id="+response+"#view-request-for-payment-modal";
}, 1500);
}
},
complete: function() {
$('.request-for-payment-finish').removeAttr('disabled');
}
});
} else {
swal("Save Aborted");
}
});
e.preventDefault();
return false;
})
}
$（文档）.ready（函数（）{
设置超时(
函数（）
{
//getRFPforApproval（）；
//搜索每列数据表
$（“#获取审批表THAD th的rfp”）。每个（功能（e）{
var title=$（this.text（）；
$（this）.html（'
'+title+'
'）；
});
$（“#获取审批表的rfp”）.DataTable（）.columns（）.every（函数（）{
var=这个；
$（'input'，this.header（））.on（'keyup change'，function（）{
如果（that.search（）！==this.value）{
那个
.search（this.value）
.draw（）；
}
});
});
}, 2000);
var table3=$（“#获取rfp供审批表”）。数据表({
阿贾克斯：{
url:“/requests/requestforpayment/getRFPforApproval”，
dataSrc:'
},
列：[
{data:'复选框'}，
{数据：'#'}，
{数据：'编号'}，
{数据：'供应商'}，
{data:'document_reference'}，
{数据：'需要日期'}，
{数据：'请求部门'}，
{数据：'金额'}，
{数据：'状态'}，
{data:'由'}创建_，
{数据：'批准状态'}，
{数据：'操作'}，
],
columnDefs：[
{
目标：0，
复选框3：{
selectRow：true
}
}
],
选择：{
风格：“多重”
},
订单：[[1，'desc']]
});
$(document).ready(function(){
setTimeout(
function()
{
// getRFPforApproval();
//search each column datatable
$('#get-rfp-for-approval-table thead th').each(function(e) {
var title = $(this).text();
$(this).html( '<input type="text" placeholder="'+title+'" class="form-control" style="font-size: 9px;"/><br><p style="font-size: 11px; font-weight:bolder">'+title+'</p>' );
});
$('#get-rfp-for-approval-table').DataTable().columns().every(function() {
var that = this;
$( 'input', this.header() ).on('keyup change', function () {
if ( that.search() !== this.value ) {
that
.search( this.value )
.draw();
}
});
});
}, 2000);
var table3 = $('#get-rfp-for-approval-table').DataTable({
ajax: {
url: '/requests/request-for-payment/getRFPforApproval',
dataSrc: ''
},
columns: [
{ data: 'checkbox' },
{ data: '#' },
{ data: 'number' },
{ data: 'vendor' },
{ data: 'document_reference' },
{ data: 'date_needed' },
{ data: 'requesting_department' },
{ data: 'amount' },
{ data: 'status' },
{ data: 'created_by' },
{ data: 'approval_status' },
{ data: 'action' },
],
columnDefs: [
{
targets: 0,
checkboxes3: {
selectRow: true
}
}
],
select: {
style: 'multi'
},
order: [[1,'desc']]
});
if ( $('#approved-selected-form').length > 0 ) {
$('#approved-selected-form').submit(function(e){
var form = this;
console.log(table3.column(0).checkboxes3.selected());
return false;
var rows_selected = table3.column(0).checkboxes.selected();
// Iterate over all selected checkboxes
$.each(rows_selected, function(index, rowId){
// Create a hidden element
$(form).append(
$('<input>')
.attr('type', 'hidden')
.attr('name', 'checkbox[]')
.val(rowId)
);
});
swal({
title: "Are you sure?",
text: "Transaction will be approved.",
icon: "warning",
buttons: true,
dangerMode: true,
})
.then((willSave) => {
if (willSave) {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
})
$.ajax({
url: '/requests/request-for-payment/approvedTransaction',
type: "POST",
data: formData,
beforeSend: function() {
var span = document.createElement("span");
span.innerHTML = '<span class="loading-animation">LOADING...</span>';
swal({
content: span,
icon: "warning",
buttons: false,
closeOnClickOutside: false
});
$('.request-for-payment-finish').attr('disabled', 'disabled');
},
success: function(response) {
if (response != '') {
$('#get-request-for-payment-table').DataTable().destroy();
getRequestForPaymentTable();
$('#add-request-for-payment-form').trigger("reset");
swal("Transaction has been saved!", {
icon: "success",
});
setTimeout(
function()
{
window.location.href = "/requests/request-for-payment?id="+response+"#view-request-for-payment-modal";
}, 1500);
}
},
complete: function() {
$('.request-for-payment-finish').removeAttr('disabled');
}
});
} else {
swal("Save Aborted");
}
});
e.preventDefault();
return false;
})
}
if（$（'#已批准的选定表格'）。长度>0）{
$（“#已批准的选定表格”）。提交（功能（e）{
var form=此；
log（表3.column（0.checkboxes3.selected（））；
返回false；
var rows_selected=table3.列（0）.复选框.selected（）；
//遍历所有选定的复选框
$.each（选定行，函数（索引，行ID）{
//创建一个隐藏元素
$（表格）。附加(
$('')
.attr（'类型'，'隐藏'）
.attr（'name'，'checkbox[]））
.val（rowId）
);
});
游泳({
标题：“你确定吗？”，
文本：“交易将被批准。”，
图标：“警告”，
按钮：是的，
丹格莫德：没错，
})
。然后（（将保存）=>{
如果（将保存）{
$.ajaxSetup({
标题：{
'X-CSRF-TOKEN'：$（'meta[name=“CSRF-TOKEN”]）.attr（'content'））
}
})
$.ajax({
url:“/requests/request for payment/approvedTransaction”，
类型：“POST”，
数据：formData，
beforeSend:function（）{
var span=document.createElement（“span”）；
span.innerHTML='正在加载…'；
游泳({
内容：span，
图标：“警告”，
按钮：错误，
closeOnClickOutside:false
});
$（'.requestforpaymentfinish'）.attr（'disabled'，'disabled'）；
},
成功：功能（响应）{
如果（响应！=''）{
$（“#获取付款请求表”）.DataTable（）.destroy（）；
getRequestForPaymentTable（）；
$（“#添加付款申请表”）。触发（“重置”）；
swal（“交易已保存！”{
图标：“成功”，
});
设置超时(
函数（）
{
window.location.href=“/requests/request for payment？id=“+response+”#查看付款请求模式”；
}, 1500);
}
},
完成：函数（）{
$（'.requestforpaymentfinish'）.removeAttr（'disabled'）；
}
});
var rows_selected = table3.column(0).checkboxes.selected();