充值方面的demo

最新推荐文章于 2024-06-24 06:44:09 发布

ylhsuper

最新推荐文章于 2024-06-24 06:44:09 发布

阅读量2.2k

点赞数

本文链接：https://blog.csdn.net/ylhsuper/article/details/73435403

版权

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

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('');
                    }
                }
            );
        });