使用onblur乘乘 <g:field> ils

Question

嗨，我想將我的框的值乘以一個十進制值，並使用onblur在其他文本框中顯示它。

<script type="text/javascript">
$(document).ready(function () {
    $("#Agregar") {
        var pred = $("#predis").val();

        var result = parseFloat(pred) * 0.15;


        $("#pagoTotal").val(result);
    });
});

</script>

問題是該功能什么都不做

<g:field name="predis" id="predis" type="number" onblur="Agregar()" value="${predisInstance.predis}" required=""/>
<g:field name="pagoTotal" id="pagoTotal" type="number" value="${pagoTotalInstance.pagoTotal}"   required=""/>

Answer 1

實際上，您不會遇到麻煩。 這是一個JavaScript問題。 按名稱獲取輸入。

 (function($){ $(document).ready(function(){ $('input[name="predis"]').on('blur', function(){ agregar($(this)); }); }); function agregar(predis){ var predis = $(predis); var pred = predis.val(); var result = parseFloat(pred) * 0.15; $('input[name="pagoTotal"]').val(result); } })(jQuery); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!--The <g:field ...> tags would parse to something similar to the following hmtl --> <input name="predis" id="predis" type="number" value="0" required=""/> <input name="pagoTotal" id="pagoTotal" type="number" value="0" required=""/>