首頁  >  問答  >  主體

標題重寫:無法對 Sum 函數做出反應

我已經使用 JavaScript 啟用了 OnClick 功能。 但在最後的過程中,即求和,我插入的程式碼沒有反應。

<div class="modal fade" id="tambahgajiModal" tabindex="-1" role="dialog" aria-labelledby="tambahgajiModal" aria-hidden="true" data-backdrop="static" data -keyboard="false">
<div class="modal-dialog modal-lg">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="tambahfungsiModal">Tambah Gaji Karyawan</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">×</span>
            </button>
        </div>
        <div class="modal-body">
            <表單操作=“/gaji/insert”方法=“POST”enctype=“multipart/form-data”>
                @csrf
                
<div class="row"> <div class="col-sm-12"> <腳本類型=“text/javascript”> 函數 golongan() { var data = document.getElementById("gol").value; document.getElementById("tunjangan_gol").value = 數據; } 函數功能(){ var data = document.getElementById("fungsi").value; document.getElementById("tunjangan_fungsi").value = data; } 函數結構(){ var data = document.getElementById("struktur").value; document.getElementById("tunjangan_struktur").value = 資料; } 函數求和() { var txtFirstNumberValue = document.getElementById('tunjangan_gol').value; var txtSecondNumberValue = document.getElementById('tunjangan_fungsi').value; var txtThreeNumberValue = document.getElementById('tunjangan_struktur').value; var 結果 = parseFloat(txtFirstNumberValue) parseFloat(txtSecondNumberValue) parseFloat(txtThreeNumberValue); if (!isNaN(結果)) { document.getElementById('total').value = 結果; } } </腳本> <div class="form-group"> ; <選項>-- Golongan dan M K G --</選項> @foreach($golongan 作為$data) <選項值=“{{ $data->tunjangan_gol }}”>{{ $data->gol }} | {{ $data->mkg }}; @endforeach </選擇>
@錯誤('戈爾') {{$訊息}} @結束錯誤
<div class="form-group"> <div class="invalid-feedback"> @error('tunjangan_gol') {{$訊息}} @結束錯誤
<div class="form-group"> -- 結構與功能位置 -- @foreach($結構作為$資料) <選項值=“{{ $data->benefits_struct }}”>{{ $data->jbt_struct }} | {{ $data->jbt_function }}; @endforeach </選擇> <div class="invalid-feedback"> @error('jbt_struct') {{$訊息}} @結束錯誤 <div class="form-group"> <input name="structural_allowance" type="number" id="structural_allowance" onclick="sum()" placeholder="Structural_allowance" class="form-control @error('structural_allowance') is-invalid @enderror" 值="{{ old('benefits_struct') }}" 只讀> <div class="invalid-feedback"> @error('allowance_struct') {{$訊息}} @結束錯誤 <div class="form-group"> <div class="invalid-feedback"> @error('總工資') {{$訊息}} @結束錯誤 ; </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary">Save</button> </div> </form> </div> </div> </div>

有什麼我錯過的嗎?我認為這是正確的,也許我的程式碼插入有錯誤......

感謝您花時間查看並回答我的問題。

P粉360266095P粉360266095259 天前398

全部回覆(1)我來回復

  • P粉128563140

    P粉1285631402024-02-27 17:06:00

    首先使用控制台日誌檢查您的值,然後也控制台總和,然後將其推送到總和輸入欄位。據我所知,您的程式碼很好,並且可以在我的電腦上以原始 html 形式運行。所以您可能選擇了錯誤的 id,請檢查一下。

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <body>
        <input name="num1" type="number" id="num1" onkeyup="sum()" type="text" placeholder="" class="form-control" value="" />
        <input name="num1" type="number" id="num3" onkeyup="sum()" type="text" placeholder="" class="form-control" value="" />
        <input name="num1" type="number" id="num2" onkeyup="sum()" type="text" placeholder="" class="form-control" value="" />
        <input name="num1" type="number" id="total" onkeyup="sum()" type="text" placeholder="" class="form-control" value="" />
    
        <script>
            function sum() {
                var txtFirstNumberValue = document.getElementById("num1").value;
                var txtSecondNumberValue = document.getElementById("num2").value;
                var txtThreeNumberValue = document.getElementById("num3").value;
                var result = parseFloat(txtFirstNumberValue) parseFloat(txtSecondNumberValue) parseFloat(txtThreeNumberValue);
                if (!isNaN(result)) {
                    document.getElementById("total").value = result;
                }
            }
        </script>
    </body>

    回覆
    0
  • 取消回覆