javascript - Yii2:基于条件使用JQuery进行计算

我有一个表单，其ID为

#opdtestbill-health_card_number
#opdtestbill-test_charges
#opdtestbill-discount
#opdtestbill-total_charges

现在我想做的是，当health_card_number不为空时，计算测试费用的折扣。即折扣字段和total_charges字段自动填充。

test_charges字段通过ajax获取数据，并且不手动填充。

我已经尝试过此代码，但是折扣和total_charges都为NaN。

这是我的代码：

<?php
$this->registerJs("$('#opdtestbill-health_card_number').blur(function(){
        if( $(this).val() ) {
        var test_charges = parseInt($('#opdtestbill-test_charges').val());
        var discount = (test_charges*5)/100;
        var totalAmount = test_charges - discount;
        $('#opdtestbill-discount').val(discount);
        $('#opdtestbill-total_charges').val(totalAmount);
         }else{
        $('#opdtestbill-discount').val()=0;
         }
});");
?>

我对使用JQuery不太了解，将不胜感激。

我也尝试过仅使用php来执行此操作，但是它仅在更新时有效，而不在新记录上有效。
我正在使用的php代码就像
在我的模型中

public function getHealthCardDiscount(){
        $discount=0;
        if (!empty($this->health_card_number)){
        $discount = ($this->test_charges *5)/100;
        }
        return $discount;
    }

并在_form.php中

$model->discount=$model->healthCardDiscount;

$model->total_charges=$model->test_charges - $model->healthCardDiscount;

谢谢。

相关部分的HTML如下所示：

<div class="form-group field-opdtestbill-health_card_number">
<label class="control-label" for="opdtestbill-health_card_number">Health Crd. No.</label>
<input type="text" id="opdtestbill-health_card_number" class="form-control" name="OpdTestBill[health_card_number]" maxlength="15">

<div class="form-group field-opdtestbill-test_charges">
<label class="control-label" for="opdtestbill-test_charges">Test Charges</label>
<input type="text" id="opdtestbill-test_charges" class="form-control" name="OpdTestBill[test_charges]" maxlength="10">

<div class="form-group field-opdtestbill-discount">
<label class="control-label" for="opdtestbill-discount">Disct.</label>
<input type="text" id="opdtestbill-discount" class="form-control" name="OpdTestBill[discount]" maxlength="10">

<div class="form-group field-opdtestbill-total_charges">
<label class="control-label" for="opdtestbill-total_charges">Total Charges</label>
<input type="text" id="opdtestbill-total_charges" class="form-control" name="OpdTestBill[total_charges]" value="0" maxlength="10">

渲染的jQuery

<script type="text/javascript">jQuery(document).ready(function () {
$('#opdtestbill-health_card_number').blur(function(){
        if( $(this).val() ) {
        var test_charges = parseInt($('#opdtestbill-test_charges').val());
        var discount = (test_charges*5)/100;
        var totalAmount = test_charges - discount;
        $('#opdtestbill-discount').val(discount);
        $('#opdtestbill-total_charges').val(totalAmount);
         }else{
        $('#opdtestbill-discount').val()=0;
         }
});

最佳答案

如果要将字符串转换为整数，可以这样使用：

var test = "10";
test = test - 0;

而你在这方面犯了错误

$('#opdtestbill-discount').val()=0;

我更改了您的js代码，请参见http://jsfiddle.net/vitalik74/upLbpnmk/