So zeigen die Zahl im Eingabefeld für die Währung-format in der bootstrap-addon?
Arbeite ich an kleinen web-Formular, wo ich brauche, um die display-Nummer in das Textfeld ein, als format Währung in der bootstrap-addon angehängt.
Ich bin in der Lage zu erreichen, für ein einzelnes Feld mit jQuery-Selektoren (ich bin neu in der Javascript-Welt), wollte ich das gleiche tun für um 10 Felder.
Ich denke, es muss sein eine elegante Lösung, anstatt zu schreiben das gleiche für jedes Feld.
Bitte helfen Sie mir.
Mein HTML-Code:
<div class="control-group">
<label class="control-label">Loan Amount 1</label>
<div class="controls">
<div class="input-append">
<input class="span2" id="loanAmount1" type="text">
<span class="add-on" id="loanAmount1Cur">$</span>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label">Loan Amount 2</label>
<div class="controls">
<div class="input-append">
<input class="span2" name="loanAmount2" type="text">
<span class="add-on" name="LoanAmount2Cur">$</span>
</div>
</div>
</div>
Mein JS-Code:
$(document).ready(function () {
$("#loanAmount1").on("keyup", null, function () {
var input = $("#loanAmount1").val();
var num = parseFloat(input).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,') + " $";
$("#loanAmount1Cur").html(num);
});
});
Mein JSFiddle: http://jsfiddle.net/kiranm516/me52djL8/24/
Kopierte ich den oben stehenden code aus (Dank Ihnen): Fügen Sie das Komma zu zahlen alle drei Ziffern
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ordnen Sie eine Klasse, um Ihre Eingaben, und binden Sie dann das keyup-Ereignis der Klasse, anstatt einer ID.
Gabel-dein JSFiddle: http://jsfiddle.net/zmbh4o2u/
JS:
Tipps:
this
. Da müssen Sie das element ein paar mal, es ist üblich, cache-ein jQuery-Objekt in einer lokalen var, dahervar $input = $(this)
.var
- Anweisung. Sie können durch Komma getrennt Ihre Erklärungen, und verwenden Sie Zeilenumbrüche, diese dienen der Lesbarkeit..add-on
element angrenzend an die$input
. Ich habe aktualisiert, der code und die Gabel-JSFiddle.