如何显示span标签之间复选框的计算

时间:2015-04-08 19:53:48

标签: jquery

我现在有一段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>

2 个答案:

答案 0 :(得分:3)

使用.text()代替.val()

$(".totalprice").text(ntot);

答案 1 :(得分:-1)

你只是有一个错字

你的js是

$(".totaalprijs").val(ntot);

您的输入是

<input type="text" class="totalprice"  size="5" />

totaalprijs不是totalprice

所以只要纠正错字,你就好了:)

如果您想以跨度显示,也可以使用.text().html()