Question

我有一个广播列表来选择付款值。当您选择付款值时，它会添加到金额文本输入中。

我还可以选择“其他金额”。

我想要点击“其他金额”，显示隐藏的文字输入，当您添加值时，它会添加到“金额输入”。

如果您再点击其他一个无线电值，它会隐藏“其他金额”文本输入，并且该值会更改为选择的任何一个。

HTML：

<div id="donation">
    <input type="radio" name="my-input" id="0" value="$10.00" />
    $10.00<br />
    <input type="radio" name="my-input" id="1" value="$25.00" />
    $25.00<br />
    <input type="radio" name="my-input" id="2" value="$50.00" />
    $50.00<br />
    <input type="radio" name="my-input" id="3" value="$2500.00" />
    $2500.00<br />
    <input type="radio" name="my-input" id="other" value="Other Amount" />
    Other Amount
</div>

<input type="text" id="other-amount" name="other-amount" />

<input type="text" id="amount" name="amount" readonly="readonly" />

到目前为止的Javascript：

$(document).ready(function() {

$("#donation input[type=radio]").filter(function() {
    return $(this).val() == $("#amount").val();
}).attr('checked', true);

$("#donation").live("change", function() {

    $("#amount").val($(this).find("input[type=radio]:checked").attr("value"));
});
});

Answer 1

要将值从一个文本框复制到另一个文本框，您可以

 $('#other-amount').on('keyup', function(){
          $("#amount").val($(this).val());     
  });

要将其隐藏在任何其他电台选择

 $('input:radio[id!=other]').on('click', function(){
    $('#other-amount').hide();
});

查看工作示例here

选中后，如何将广播和输入文本中的值添加到另一个输入文本？

1 个答案: