如何以印度编号格式显示货币

Question

我正在尝试以印度货币格式生成数字 例如，550500等输出值应显示为5,50,500。

以下是我的剧本。

Live Demo

   $("#rTpe1").click(function(e){
      $("#rFor1").val(this.value * $("#PerHourRate1").val());
   });

Answer 1

您可以使用toLocaleString()检索5,50,500。为了使用它，请按如下方式修改2部分。

1。 HTML

来自：

<input  name="" type="number" placeholder="" class="form-control input-md" value="0" id="rFor1" readonly>

致：

<input  name="" type="string" placeholder="" class="form-control input-md" value="0" id="rFor1" readonly>

2。的Javascript

来自：

$("#rTpe1").click(function(e){
  $("#rFor1").val(this.value * $("#PerHourRate1").val());
});

致：

$("#rTpe1").click(function(e){
  $("#rFor1").val((this.value * $("#PerHourRate1").val()).toLocaleString());
});

如果无法使用toLocaleString()，请使用以下Javascript脚本。

$("#rTpe1").click(function(e){
  var ar = (this.value * $("#PerHourRate1").val()).toString().split('.');
  $("#rFor1").val(ar[0].replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,') + (ar[1] ? "." + ar[1] : ""));
});

Answer 2

要以印度货币格式生成数字，您可以使用toLocaleString('en-IN')。您需要将rFor1的输入类型更改为文本。

此外，如果它有帮助您可以使用keyup事件而不是click。

<input  name="" type="text" placeholder="" class="form-control input-md"value="0" id="rFor1" readonly>

$("#rTpe1").keyup(function(e){
   $("#rFor1").val((this.value * $("#PerHourRate1").val()).toLocaleString('en-IN'));
});