亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

鍵值的總和字段javascript ajax codeigniter

鍵值的總和字段javascript ajax codeigniter

慕仙森 2022-12-22 15:07:30
如果選中 = true,我想計算字段 id="HargaPart"。這是我的視圖代碼:<div class="modal fade" id="tambah" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true">    <div class="modal-dialog">        <div class="modal-content">            <div class="modal-header">                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>                <h3 class="modal-title" id="myModalLabel">Tambah Pemeliharaan</h3>            </div>            <form id="frmSparepart" class="form-horizontal" method="post" action="<?php echo base_url()?>Data/Pemeliharaan/Tambah">                <div class="modal-body">                    <div class="form-group">                    <label class="control-label col-xs-3">Nama Kendaraan</label>                        <div class="col-xs-8">                            <select class="form-control"  name="id_kendaraan" id="id_kendaraan" required>                            <option>Pilih Kendaraan</option>                            <?php                            if(!empty($kendaraan_)) {                            foreach ($kendaraan_ as $isi) {                            ?>                            <option value="<?php echo $isi['id_kendaraan']?>"><?php echo $isi['nama']?> - <?php echo $isi['platno']?></option>                            <?php }} ?>                            </select>                        </div>                    </div>                            
查看完整描述

2 回答

?
汪汪一只貓

TA貢獻1898條經驗 獲得超8個贊

您可以使用each循環遍歷選中的復選框的值,然后獲取HargaSparepartusing的值,.next()因為在您的 html 中它位于checkbox.


演示代碼 :


function onChangeCheckbox() {

  var rTotal = 0;

  var sum = 0;


//loop through ul->checkboxes 

  $('#sparepartList input[type="checkbox"]:checked').each(function() {

  //get next input  HargaSparepart

    var harga = $(this).next('input[name=HargaSparepart]').val()

    rTotal += 1; // add 1

    sum += parseInt(harga); //add to sum


  })

//add values to inputs

  $('#counterSparepart').val(rTotal);

  $('#totalBiaya').val(sum);


}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="form-group">

  <label class="control-label col-xs-3">Biaya Total</label>

  <div class="col-xs-8">

    <input id="totalBiaya" name="biaya" value="" class="form-control" type="number" required>

  </div>

</div>


<div class="form-group">

  <label class="control-label col-xs-3"></label>

  <div class="col-xs-8">

    <ul id="sparepartList" style="list-style-type: none; padding: 0;">

      <li><input onchange="onChangeCheckbox()" type="checkbox" name="id_sparepart[]" value="' + value.id_sparepart + '">Something Rp. <input id="HargaPart" name="HargaSparepart" value="500" class="form-group" type="text" readonly></li>

      <li><input onchange="onChangeCheckbox()" type="checkbox" name="id_sparepart[]" value="' + value.id_sparepart + '">&nbsp; Something1 Rp. <input id="HargaPart" name="HargaSparepart" value="100" class="form-group" type="text" readonly></li>

      <li><input onchange="onChangeCheckbox()" type="checkbox" name="id_sparepart[]" value="' + value.id_sparepart + '">&nbsp;Something2 Rp. <input id="HargaPart" name="HargaSparepart" value="200" class="form-group" type="text" readonly></li>


    </ul>

  TotalBiaya : 

    <input type="text" id="counterSparepart">

  </div>

</div>


查看完整回答
反對 回復 2022-12-22
?
HUX布斯

TA貢獻1876條經驗 獲得超6個贊

試試這個代碼


$('#HargaPart').change(function (){

  var total = 0;

  $('#HargaPart:checked').each(function(){ // iterate through each checked element.

    total += isNaN(parseInt($(this).val())) ? 0 : parseInt($(this).val());

  });     

  $("#total").val(total); 

});


查看完整回答
反對 回復 2022-12-22
  • 2 回答
  • 0 關注
  • 108 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號