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

发布时间：2020-06-09 16:09:18 阅读：471 作者：lflianglan 栏目：web开发

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

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

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

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

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签