在单击选中值之前显示初始选中值

Question

我有一个 jQuery 脚本，用于在提交前在表单页面上显示表单字段选择的选中值。我需要修改脚本以在点击发生之前在页面加载时显示 default/initial 检查值。应该提到的是，我的复选框充当单选按钮，所以这不是这里的一个因素。 fiddle 在这里.. 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" );

在单击选中值之前显示初始选中值

Displaying initial checked value before on click checked value

javascript

jquery

html

checked