jquery - jQuery：如何拆分单选值并将其放入单独的字段中

Question

我有一个可靠input#total的，由单选框触发。单击单选框时，其值显示在input#total.

现在我需要将值拆分(1500|xx)为两个单独的元素。但我不能让它发生。这是我的代码：

jQuery

$(document).ready(function(){
    $("input[type=radio][name=rate]").click(function(){
       $("#total").val(this.value);
    }); 
});

HTML

<input type="radio" name="rate" value="10000|nc" id="rate1" />
<input type="radio" name="rate" value="15000|eb" id="rate2" />
<input type="radio" name="rate" value="17500|ss" id="rate3" />

从上面的代码。我需要做这些事情。

1. 将 input#rate 的第一个数组放入 input#total
2. 将另一个值放入名为 input#rate_type 的隐藏输入中

第一件事做得很完美。但第二个不是

Answer 1

看到这个：样本

$(document).ready(function () {
  $("input[type=radio][name=rate]").click(function () {
    var arr = this.value.split('|');
    $("#total").val(arr[0]);
    $("#rate_type").val(arr[1]);
  });
});

用于.split()分割字符串