获取页面加载时显示的默认值

Question

我正在尝试获取页面加载时显示的默认值。

我试图让第一个按钮在显示捐赠div中默认显示，只要有人导航到表单。

目前，这是页面加载时的样子。 10突出显示但不显示。

这是我的HTML

      <div class="btn-group">
              <div class="buttons">
                <button type="button" id="default" class="btn btn-default selectvalue hover-color active" value="10">10</button>
                <button type="button" class="btn btn-default selectvalue hover-color" value="15">15</button>
                <button type="button" class="btn btn-default selectvalue hover-color" value="20">20</button>
                <input type="Custom" name="donation-amount" class="inpt-first form-control" id="donation-amount" onclick="if(this.defaultValue == this.value) this.value = ''" onblur="if(this.value=='') this.value = this.defaultValue" value="Custom">
                </div>
                <input type="hidden" name="donation-amount-value" id="donation-amount-value">
              </div>
 <div class="money-donate">
            <div class="display-amount" id="display-amount">
            </div>
          </div>

这是我的JS

$(document).ready(function() {
      $('#donation-amount').keyup(function() {
      $('#display-amount').text($(this).val());
      });
     $( ".selectvalue" ).click(function() {
        $('#display-amount').text($(this).val());
     });

    $(".buttons .btn").click(function(){
        $(".buttons .btn").removeClass('active');
        $(this).toggleClass('active'); 
    });
});

任何帮助将不胜感激！

Answer 1

您目前正在询问显示金额div的值属性，这当然不存在。你需要$('#display-amount').text($('.active').val());之类的东西。

Answer 2

试试这个 - 将第3行更改为：

$('#display-amount').text($('button.active).val());

您需要显示class .active金额

从中获取金额：

<button type="button" id="default" class="btn btn-default selectvalue hover-color active" value="10">10</button>