为了账号安全,请及时绑定邮箱和手机立即绑定

change()方法,价格与数量联动

标签:
JQuery

change()当元素的值发生改变时,会发生 change 事件。

该事件仅适用于文本域(text field),以及 textarea 和 select 元素。

change() 函数触发 change 事件,或规定当发生 change 事件时运行的函数。

注释:当用于 select 元素时,change 事件会在选择某个选项时发生。当用于 text field 或 text area 时,该事件会在元素失去焦点时发生。


<li class="num">                            <span>数&nbsp;&nbsp;&nbsp;&nbsp;量:</span>                            <div class="pro_num">                                <select id="num_sort">                                    <option value="1">1</option>                                    <option value="2">2</option>                                    <option value="3">3</option>                                    <option value="4">4</option>                                    <option value="5">5</option>                                    <option value="6">6</option>                                    <option value="7">7</option>                                    <option value="8">8</option>                                </select>                            </div                        </li>                        <li class="pro_price">                            <span>总&nbsp;&nbsp;&nbsp;&nbsp;计:</span><strong>200</strong>元                        </li>

//价格总计,数量和价格联动    var $strong=$(".pro_price strong");    var price=$strong.text();    $("#num_sort").change(function(){        var num=$(this).val();        var amount=num*price;        $strong.text(amount);    }).change();


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消