JQuery的插入计算值成形式的文本字段

我具有低于JQuery的插入计算值成形式的文本字段

<form id="credit-card-submission-form-1" class="visual-form-builder vfb-form-1 " method="post" enctype="multipart/form-data">

一种形式，我有<form标签内此以下字段。

<input 
type="text" name="vfb-17" id="vfb-17" value="" class="vfb-text vfb-medium required " />

我想从下面这个领域采取的输入值，可以说，如果400从id="vfb-15字段中输入，我想借此400和应用3.25%这一领域id="vfb-17"。

<input 
type="text" name="vfb-15" id="vfb-15" value="" class="vfb-text vfb-medium required " />

这是我到目前为止已经试过只是为了测试，如果我可以访问域：

<script type="text/javascript"> 
    jQuery(document).ready(function($) { 
    $('#vfb-17').val($('#vfb-17').val() + 'My new text') 
}); 
    </script>

我不能让这个值/“我的新文本”甚至插入进入上述JQuery的领域。

@Anuj Khandelwal/ 谢谢你的回答。我修改你的代码，以适应我的形式和下面是JQuery的修改我做了让我的形式正常工作：

<script type="text/javascript"> 
jQuery(document).ready(function($) { 
$('#vfb-15').keyup(function(){ 
    var vfbVal = $(this).val(); 
    var vfb15Val = (vfbVal*3.5)/100; 
    $('#vfb-17').val(vfb15Val); 
}); 
}); 
</script>

这里是最后的编辑工作代码：

<script type="text/javascript"> 
    jQuery(document).ready(function($) { 
    $('#vfb-15').keyup(function(){ 
     var vfbVal = $(this).val().replace("$", ""); 
     var vfb15Val = (vfbVal*3.5)/100; 
     $('#vfb-17').val(vfb15Val); 
     var total = parseInt(vfbVal)+parseInt(vfb15Val); 
     console.log(total); 
     $('#vfb-18').val(total); 
    }); 
    }); 
    </script>

来源

2016-07-13 unixmiah

你需要为你的目标是什么更清晰。在“vfb-17”中输入一个数字，然后在'vfb-15'内显示该值* .325？ – theblindprophet

@theblindprophet其他方式，我正在编辑我的问题。 TY。 – unixmiah

@theblindprophet对于令人困惑的问题感到抱歉，这是cms中的一种形式，我试图弄清楚如何放置它，因此它在视觉上是可读的。 – unixmiah

试试这个：

$('#vfb-17').keyup(function(){ 
    var vfbVal = $(this).val(); 
    var vfb15Val = (vfbVal*3.5)/100; 
    $('#vfb-15').val(vfb15Val+'My new text'); 
});

jsfiddle

来源

2016-07-13 17:59:40

在这里看到答案： https://jsfiddle.net/wz2jn5sn/

您需要正确获取该值，然后计算并分配给新字段。 HTML：

<form id="credit-card-submission-form-1" class="visual-form-builder vfb-form-1 " method="post" enctype="multipart/form-data"> 
    VFB17: <input 
type="text" name="vfb-17" id="vfb-17" value="" class="vfb-text vfb-medium required " /> 
    VFB15: <input 
type="text" name="vfb-15" id="vfb-15" value="" class="vfb-text vfb-medium required " /> 
    <input type="button" class="calc" value="Calculate"/> 
    </form>

JAVASCRIPT：

jQuery(document).ready(function($) { 
$('.calc').on("click", function(){ 
var newVal=$('#vfb-15').val() * .0325; 
$('#vfb-17').val(newVal); 
}); 
($('#vfb-17').val() + 'My new text') 
});

来源

2016-07-13 17:56:59 Liquidchrome

你可以试试这个 -

JSFiddle

HTML代码

<form id="credit-card-submission-form-1" class="visual-form-builder vfb-form-1 " method="post" enctype="multipart/form-data"> 
    <input type="text" name="vfb-17" id="vfb-17" value="" class="vfb-text vfb-medium required"> 
    <input type="text" name="vfb-15" id="vfb-15" value="" class="vfb-text vfb-medium required"> 
</form>

JavaScript代码

$('input[name=vfb-15]').blur(function(){ 
    $('input[name=vfb-17]').val($(this).val()*.0325); 
});

来源

2016-07-13 18:11:42

JQuery的插入计算值成形式的文本字段

回答

相关问题