在點擊選中的值之前顯示初始選中的值

Question

我有一個jQuery腳本，用於在提交之前在表單頁面上顯示錶單字段選擇的選中值。我需要修改腳本以在點擊發生之前顯示頁面加載時的默認/初始選中值。應該指出，我的複選框充當單選按鈕，所以這不是一個因素。小提琴是這裏.. http://jsfiddle.net/brokenmold/8355so3o/

HTML表單//

<input type="checkbox" class="radiocheck-qty" name="7in-fold-qty" value="500" id="7in-fold-qty" data-value="0" checked /> 500 
<input type="checkbox" class="radiocheck-qty" name="7in-fold-qty" value="1000" id="7in-fold-qty" data-value="0" /> 1000 
<input type="checkbox" class="radiocheck-qty" name="7in-fold-qty" value="2000" id="7in-fold-qty" data-value="0" /> 2000 
<input type="checkbox" class="radiocheck-qty" name="7in-fold-qty" value="3000" id="7in-fold-qty" data-value="0" /> 3000 

摘要HTML //

<span class="spec-qty"></span> 

相關的jQuery //

$(".radiocheck-qty").on("click", function() { 
    $(".spec-qty").html($(".radiocheck-qty:checked").val() + " copies"); 
}); 

Answer 1

只需添加這條線與其餘的代碼。它會將文本更改爲「500個副本」，假設第一個複選框默認爲選中

$(".spec-qty").html($(".radiocheck-qty:checked").val() + " copies");