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" />

检查此项可节省10%


查看此项可节省15%的费用


检查此项可节省20%

输出显示在最后一次输入中，class=“totalprice”

如何在带有class=“totalprice”的span标记中实现此功能

因此：

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

应替换为以下内容：

<span class="totalprice"><!-- output value should be here--></span>

使用

.text（）

而不是

.val（）

你只是有个打字错误

你的js是

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

你的意见是

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

totaalprijs

不是

totalprice

所以，只要纠正错误，你就很好：）

---

另外，如果您想在span中显示，您可以使用

.text（）

和

.html（）

实际上并不是失败：）您刚才有一个输入错误^^附加说明：

.val（）

设置标记的

值

属性，因此它应该是

.text（）

设置

的内部文本，因此

text

。虽然您是正确的，但我认为这不是问题所在。我想这只是一个c&p错误。问题是val不能处理跨距。@Christoph如果他复制并粘贴，那么肯定会有这个打字错误^^Oops…我明白了，但仍然不能处理val（），但现在可以处理text（），不必挑剔，这是一个简单的转换错误。你显然没有把问题读得足够透彻：-皮姆不知道你说的“没读问题”是什么意思当你看到我的帖子时，你会看到我读了。。。。但是…无论如何。Ops问题解决了，这是好事。所以没必要再谈论这个；）

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