0

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

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

我想做的是单击“其他金额”，显示隐藏的文本输入，当您添加一个值时，它会添加到“金额文本输入”中。

如果您然后单击其他单选值之一，它将隐藏“其他数量”文本输入，并且该值将更改为所做的选择。

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"));
});
});
4

1 回答 1

1

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

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

要在任何其他收音机上隐藏它，请选择

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

在此处查看一个工作示例

于 2012-08-27T03:16:23.580 回答