在单击检查值之前显示初始检查值答案

【问题标题】：Displaying initial checked value before on click checked value在单击检查值之前显示初始检查值
【发布时间】：2015-09-09 00:16:23
【问题描述】：

我有一个 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" );
});

【问题讨论】：

你为什么不用单选按钮？
另外，你应该把它改成$( ".radiocheck-qty" ).on( "change"

标签： javascript jquery html checked

【解决方案1】：

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

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

【讨论】：