Laravel中的表格价值不归还

时间:2017-12-26 17:54:03

标签: javascript laravel

我上传了我的JavaScript代码:

$(document).ready(function(){
    $("#remain_credit").click("calculate_remain_credit");
});

function calculate_remain_credit() {
    var hour_start = document.getElementById(parseInt('credit_taken'));
    var hour_end = document.getElementById(parseInt('course_credit'));
    var hour_total = credit_taken - course_credit;

    document.getElementById('remain_credit').innerHTML = remain_credit;
}

我也在这里上传我的Laravel表格:

<div class="form-group">
    {{Form::label('credit',' Remain Credit ')}}
    {!! Form::number('remain_credit', null, array('id'=>'remain_credit','placeholder' => ' Remain Credit  ','class' => 'form-control')) !!}
</div>

如何解决此问题?

2 个答案:

答案 0 :(得分:3)

您应该在代码中修复三个问题:

  1. 点击事件附件应如下所示:

    $("#remain_credit").click(calculate_remain_credit);
    

    删除引号:

    $("#remain_credit").click("calculate_remain_credit");
    __________________________^_______________________^
    
  2. 如果要更新输入值,则需要将innerHTML替换为value,应该是:

    document.getElementById('remain_credit').value = remain_credit;
    
  3. 获得值后,您需要解析:

    var hour_start = document.getElementById(parseInt('credit_taken'));
    var hour_end   = document.getElementById(parseInt('course_credit'));
    

    应该是:

    var hour_start = parseInt( document.getElementById('credit_taken').value );
    var hour_end   = parseInt( document.getElementById('course_credit').value );
    
  4. 完整更新的代码将是:

    $(document).ready(function(){
        $("#remain_credit").click(calculate_remain_credit);
    });
    
    function calculate_remain_credit() {
        var hour_start = parseInt( document.getElementById('credit_taken').value );
        var hour_end   = parseInt( document.getElementById('course_credit').value );
        var hour_total = credit_taken - course_credit;
    
        document.getElementById('remain_credit').value = remain_credit;
    }
    

答案 1 :(得分:2)

parseInt应该是第一个,然后是document.getElementById

$("#remain_credit").click(calculate_remain_credit);

function calculate_remain_credit() {
    // here use parseInt before getElementById
    var hour_start = parseInt(document.getElementById('credit_taken').value);
    var hour_end = parseInt(document.getElementById('course_credit').value);
    var hour_total = credit_taken - course_credit;

    document.getElementById('remain_credit').value = hour_total;
}