javascript - 更改单选选项上的前缀货币符号

Question

我需要更改输入文本字段中货币的前缀。所以货币前缀会根据广播而改变。我可以在单击单选按钮时重置输入字段，但无法更改前缀。

这是我的代码:

 Price (
<label>
  <input type="radio" name="prop_crnt" class="currency" value="0" id="crnt-thb" required>&nbsp;THB</label>
<label>
  <input type="radio" name="prop_crnt" class="currency" value="1" id="crnt-usd">&nbsp;USD</label>):

Javascript:

//reset input on radio clicked
$("input[name='prop_crnt']").on('click', function() {
  $('input.money').val('');
  //change currency prefix
  if ($('#crnt-thb').val()=="0") {
    var crncy="฿";
  }else{
    var crncy="$";
  }
});



var format = function(num) {
  var str = num.toString().replace(crncy, ""),
    parts = false,
    output = [],
    i = 1,
    formatted = null;
  if (str.indexOf(".") > 0) {
    parts = str.split(".");
    str = parts[0];
  }
  str = str.split("").reverse();
  for (var j = 0, len = str.length; j < len; j++) {
    if (str[j] != ",") {
      output.push(str[j]);
      if (i % 3 == 0 && j < (len - 1)) {
        output.push(",");
      }
      i++;
    }
  }
  formatted = output.reverse().join("");
  return (crncy + formatted + ((parts) ? "." + parts[1].substr(0, 2) : ""));
};
//currency
$(".money").keyup(function(e) {
  $(this).val(format($(this).val()));
});

这是jfiddle:https://jsfiddle.net/u0rc9trh/2/

Answer 1

类似的东西应该是您正在寻找的东西，尽管它是根据您的需要编写的，所以也许添加一些变量或其他东西。不管怎样，这应该有效:

var format = function(num){
    var cur = $('#crnt-thb').is(":checked") ? "฿" : "$", str = num.toString().replace("฿", "").replace("$", ""), parts = false, output = [], i = 1, formatted = null;
    if(str.indexOf(".") > 0) {
        parts = str.split(".");
        str = parts[0];
    }
    str = str.split("").reverse();
    for(var j = 0, len = str.length; j < len; j++) {
        if(str[j] != ",") {
            output.push(str[j]);
            if(i%3 == 0 && j < (len - 1)) {
                output.push(",");
            }
            i++;
        }
    }
    formatted = output.reverse().join("").toString();
    return(cur + formatted + ((parts) ? "." + parts[1].substr(0, 2) : ""));
};
//currency
$(".money").keyup(function(e) {
    $(this).val(format($(this).val()));
});
$("input[name='prop_crnt']").on('click', function(){
    $(".money").keyup();
});

至于双replace()，看一下this answer如果你想简化事情。另外，a fiddle for you to test .

附注感谢您使用我的代码，我编写它是为了帮助人们，我很高兴它仍然如此。干杯!