溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

change()方法,價格與數(shù)量聯(lián)動

發(fā)布時間:2020-06-09 16:09:18 來源:網(wǎng)絡(luò) 閱讀:449 作者:lflianglan 欄目:web開發(fā)

change()當(dāng)元素的值發(fā)生改變時,會發(fā)生 change 事件。

該事件僅適用于文本域(text field),以及 textarea 和 select 元素。

change() 函數(shù)觸發(fā) change 事件,或規(guī)定當(dāng)發(fā)生 change 事件時運行的函數(shù)。

注釋:當(dāng)用于 select 元素時,change 事件會在選擇某個選項時發(fā)生。當(dāng)用于 text field 或 text area 時,該事件會在元素失去焦點時發(fā)生。


<li class="num">
                            <span>數(shù)&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>

//價格總計,數(shù)量和價格聯(lián)動
    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();


向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI