根据选项更新价格

时间:2014-03-17 00:52:26

标签: javascript html

所以我正在建立一个用户可以配置VPS的计费系统。如戴尔等网站所示,当您选择特定选项时,服务器的价格会更新。我不希望用户必须按下按钮"刷新"每次他们想要看到新VPS的价格。我不知道如何做到这一点,我试着做一些研究,我发现的唯一远远接近这个的东西就是像Comet这样的东西。我猜测JavaScript应该检测到变化并改变整体价格。有什么建议/想法吗?

1 个答案:

答案 0 :(得分:0)

猜猜你想用JavaScript来实现这个目标。

<form action="">
    <ul>
        <li><label><input type="checkbox" value="1"> One</label></li>
        <li><label><input type="checkbox" value="2"> Two</label></li>
        <li><label><input type="checkbox" value="3"> Three</label></li>
        <li><label><input type="checkbox" value="4"> Four</label></li>
        <li><label><input type="checkbox" value="5"> Five</label></li>
    </ul>
</form>
<p>Your total cost is <span>0</span> $.</p>

JavaScript的魔力......

$(document).ready(function(){
    $("input").click(function(){
        val = 0;
        $("input:checked").each(function(){
            val += parseInt($(this).val());
        });
        $("span").text(val);
    });
});

小提琴:http://jsfiddle.net/praveenscience/q3XbZ/