Мне нужно получить один или максимум три выбранных флажка, которые я могу вставить в базу данных, а также у меня есть идентификатор jumlah, который мне нужно ввести и рассчитать (jumlah * harga), показать его на id hasil.
Это джамла * харга, которую я попробовал и добился успеха, но я хочу, я могу рассчитать ТОЛЬКО, когда я установлю флажок
function sum(id) {
var harga = document.getElementById('harga-' + id).value;
var jumlah = document.getElementById('jumlah-' + id).value;
var hasil = parseInt(harga) * parseInt(jumlah);
if (!isNaN(hasil))
{
document.getElementById('total-' + id).value = hasil;
}
}
Это моя форма
<form action="/po_store" method="post" enctype="multipart/form-data">
@csrf
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Tanggal PO</label>
<input class="form-control" type="text" name="tanggal_po" id="datepicker">
</div>
<div class="form-group">
<label>No Po</label>
<input class="form-control" type="text" name="no_po">
</div>
<div class="form-group">
<label>Supplier</label>
<select name="supplier_nama" class="form-control">
<option value=""hidden>Pilih Supplier</option>
@foreach ($supplier as $s)
<option value="{{ $s->nama_supplier }}">{{ $s->nama_supplier }</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Apoteker</label>
<select name="apoteker_nama" class="form-control">
<option value=""hidden>Pilih Apoteker</option>
@foreach ($apoteker as $a)
<option value="{{ $a->nama_apoteker }}">{{ $a->nama_apoteker }}</option>
@endforeach
</select>
</div>
<div class="form-group">
<label>Keterangan</label>
<input class="form-control" type="text" name="keterangan">
</div>
</div>
<table class="table table-bordered" id="tbl">
<tbody>
<tr class="text-center">
<th>Pilih</th>
<td>Kode Obat</td>
<td>Nama Obat</td>
<td>Harga Obat</td>
<td>Jumlah Obat PO</td>
<td>Total bayar</td>
</tr>
@foreach ($obat as $o)
<tr>
<td>
<input id="check" type="checkbox" name="select" value="{{ $o->nama_obat }}" id="check" class="filled-in">
</td>
<td>
<input type="text" id="kode" class="form-control" name="kode_obat" value="{{ $o->kode_obat }}" readonly>
</td>
<td>
<input type="text" class="form-control" name="nama_obat" value="{{ $o->nama_obat }}" readonly>
</td>
<td>
<input id="harga-{{ $o->id }}" type="text" class="form-control" name="harga_obat" value="{{ $o->harga_obat }}" onkeyup="sum({{ $o->id }})">
</td>
<td>
<input id="jumlah-{{ $o->id }}" type="text" class="form-control" name="jumlah" onkeyup="sum({{ $o->id }})" value="{{ old('jumlah') }}">
</td>
<td>
<input id="total-{{ $o->id }}" type="text" class="form-control total-harga" name="total_harga" value="{{ old('total_harga') }}" onkeyup="sum({{ $o->id }})">
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
<button type="submit" class="btn btn-success simpan simp-po" id="btnadd" onclick="selected()"><i class="fas fa-check"> Simpan</i></button>
</form>
Этоmy po_store
$message = [
'required' => '*:attribute harus diisi',
'numeric' =>'*:attribute harus angka' ,
'digits_between' => '*:attribute harus berisi 9 atau 13 angka'
];
$data = $request->validate([
'tanggal_po' => ['required'],
'no_po' => ['required'],
'supplier_nama' => ['required'],
'apoteker_nama' => ['required'],
'jumlah'=>['required'],
'harga_obat' =>['required'],
'total_harga'=>['required'],
'select'=>['required'],
],$message);
if(PO::create($request->all())){
$request->session()->flash('success', 'Data Berhasil Di Tambahkan');
}else{
$request->session()->flash('danger', 'Data Tidak Berhasil Di Tambahkan');
}
Мне нужно получить выбранный флажок и другую картинку с данными ниже, чтобы каждый флажок и данные не вставлялись в запись в виде массива
![enter image description here](https://i.stack.imgur.com/rISLH.png)