一个简单的JS计算总价

我是个小白 在做购买页面 这个JS有想法但是不会写 大佬帮忙看一下

                            商品单价是后台获取的,想要总价跟着输入的数量显示 JS要怎么写 我这个代码有没有问题<div class="thunk">
        <ul class="fa">
            <li>
                <ul class="left">
                    <li><span>商品名称</span></li>
                </ul>
                <ul class="right">
                    <li><span></span></li>
                </ul>
            </li>
            <li>
                <ul class="left">
                    <li><span>购买单价</span></li>
                </ul>
                <ul class="right">
                    <li><span type="text" id="dj" style="width:50px;margin-left: 20px;line-height: 30px">20</span></li>
                </ul>
            </li>
                            <li>
                <ul class="left">
                    <li><p>购买数量</p></li>
                </ul>
                <ul class="right">
                    <li><input  type="text" id="sl" style="width:50px;margin-left: 20px;margin-top: 5px"></li>
                </ul>
            </li>
                            <li>
                <ul class="left">
                    <li><p>应收金额</p></li>
                </ul>
                <ul class="right">
                    <li><span id="zj" style="margin-left: 20px;line-height: 30px">0</span></li>
                </ul>
            </li>

http://www.jb51.net/article/62812.htm
参考这个代码,和你的要求几乎完全一致

你这个在数量里面写一个change事件,每次输入一个数字都会触发这个事件,然后你在事件里面写你的操作
$("#sl").change(function(){
//这里面写逻辑
$('#zj').val($('#dj').val()*$(this).val());
});

 var zj  = $('#dj').text()* $('#sl').val();
$('#zj').text(zj);