充值方面的demo

充值方面的大家可以参考下：

html部分：

充值金额为：        <ul>            <li jiaobi='1'>1角币</li>            <li jiaobi='2'>2角币</li>            <li jiaobi='3'>3角币</li>            <li jiaobi='4'>4角币</li>        </ul>        <input type="text" id="inputVal" placeholder="请输入金额" />            <br/><br/>        您充值的金额为:<span id="showVal">000</span>元

js部分：

        $(function(){            var showVal = $("#showVal");            $("ul li").on('click',function(){                // alert($(this).index());                // alert($(this).text());                var _this = $(this);                var getVal = _this.attr('jiaobi');                showVal.text(getVal*10);            });            var inputVal = $("#inputVal");            /*inputVal.on('input',function(){                var getVal = $(this).val();                showVal.text(getVal*10);            });*/            inputVal.on(                {                    "input":function(){                         var getVal = $(this).val();                        showVal.text(getVal*10);                    },                    "blur":function(){                         $(this).val('');                    }                }            );        });