簡體   English   中英

計算選中復選框時文本輸入的值

[英]Calculate value of text input where checkbox is selected

我試圖獲取文本輸入的值,在該文本輸入旁邊的選擇框被選中。

我必須以某種方式將復選框和文本輸入結合在一起,因此它只計算選擇了同一表行上的復選框的文本輸入的值。

還有一個問題是,當我的任何一個復選框被選中時,它們的任何一個都不具有'checked'屬性,因此我也無法定位那些:checked的屬性。

我懷疑到目前為止,我的方法有點過高,因此歡迎提出任何建議。

http://rlpetproducts2.designlocker.co.uk/index.php?route=product/product&product_id=251

$('table.table-bordered input[type="checkbox"]').change(function () {
    $(this).toggleClass('jordan');
});

$('#button-cart').hover(function () {
    var sum = 0;
    $('table.table-bordered input[type="checkbox"]:checked').each(function() {
        $('table.table-bordered input[type="text"].jordan').each(function() {
            sum += Number($(this).val());
        });
    });
    console.log(sum);
});

我們的目標 :“添加到購物籃”點擊一下,即可選定選項的至少一個選擇(其它警報),如果選擇一個,計算從行內輸入字段總量 (其中選擇復選框)(現在簡單提醒數量總計)。

在此處輸入圖片說明

在此示例中,要警告的值為5。

未經測試,但它應該像這樣工作:

$('#button-cart').hover(function () {
    var parent, sum = 0;
    $('table.table-bordered input[type="checkbox"]:checked').each(function() {
        // get current row
        parent = $(this).closest('tr');
        // in row find input and add the value
        sum += parseFloat(parent.find('input[type="text"].jordan').val());
    });
    console.log(sum);
});

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM