Javascript 在单击“检查值”之前显示初始检查值

Javascript 在单击“检查值”之前显示初始检查值,javascript,jquery,html,checked,Javascript,Jquery,Html,Checked,我有一个jQuery脚本,可以在提交之前在表单页面上显示表单字段选择的选中值。我需要修改脚本以在页面加载时显示默认/初始选中值,然后再单击。应该提到的是,我的复选框充当单选按钮,所以这不是一个因素。小提琴在这儿 表单html// <input type="checkbox" class="radiocheck-qty" name="7in-fold-qty" value="500" id="7in-fold-qty" data-value="0" checked /> 500 <

我有一个jQuery脚本,可以在提交之前在表单页面上显示表单字段选择的选中值。我需要修改脚本以在页面加载时显示默认/初始选中值,然后再单击。应该提到的是,我的复选框充当单选按钮,所以这不是一个因素。小提琴在这儿

表单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

只需将这一行与其余代码一起添加即可。它会将文本更改为“500份”,假设默认选中第一个复选框

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

为什么不使用单选按钮?另外,您应该将其更改为
$(“.radiocheck数量”)。在(“更改”
$( ".radiocheck-qty" ).on( "click", function() {
    $( ".spec-qty" ).html( $( ".radiocheck-qty:checked" ).val() + " copies" );
});
$( ".spec-qty" ).html( $( ".radiocheck-qty:checked" ).val() + " copies" );