我有一个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" );
});
答案 0 :(得分:3)
只需将此行与其余代码一起添加即可。它会将文本更改为“500份”,假设默认情况下选中了第一个复选框
$( ".spec-qty" ).html( $( ".radiocheck-qty:checked" ).val() + " copies" );