我现在有一段javascript用于计算,效果很好。
$(document).ready( function() {
$(".checkboxes").click(
function () {
var ntot = 0;
$(".checkboxes:checked").each(function () {
ntot += parseInt($(this).val());
});
$(".totaalprijs").val(ntot);
})
.change();
});
表格:
<form id="form1" name="form1" method="post" action="">
Check this for 10% savings
<input class="checkboxes" type="checkbox" value="10" />
<br />
Check this for 15% savings
<input class="checkboxes" type="checkbox" value="15" />
<br />
Check this for 20% savings
<input class="checkboxes" type="checkbox" value="20" />
<br />
</form>
<input type="text" class="totalprice" size="5" />
输出显示在最后一个输入中,其中包含class =&#34; totalprice&#34;
我如何使用class =&#34; totalprice&#34;在span标签中完成此工作? ?
所以这个:
<input type="text" class="totalprice" size="5" />
应该替换为:
<span class="totalprice"><!-- output value should be here--></span>
答案 0 :(得分:3)
使用.text()
代替.val()
$(".totalprice").text(ntot);
答案 1 :(得分:-1)
你只是有一个错字
你的js是
$(".totaalprijs").val(ntot);
您的输入是
<input type="text" class="totalprice" size="5" />
totaalprijs
不是totalprice
。
所以只要纠正错字,你就好了:)
如果您想以跨度显示,也可以使用.text()
和.html()