2016-08-15 15 views
0

目前我使用過濾器和映射檢查所有檢查輸入和打印值:jQuery的檢查,選擇和打印值加在一起

<input class="checkboxinput" type="checkbox" name="products" data-price1m="375" data-price12m="338" value="Additional Azure Pack | 1C 4GB RAM"> 
<input class="checkboxinput" type="checkbox" name="products" data-price1m="375" data-price12m="338" value="Additional Azure Pack | 1C 4GB RAM"> 
<input class="checkboxinput" type="checkbox" name="products" data-price1m="375" data-price12m="338" value="Additional Azure Pack | 1C 4GB RAM"> 

var elems = $('input[type="checkbox"]'); 
        if(elems.is(':checked')){ 
        $('#totalamount').val(
          elems.filter(':checked').map(function() { 
           var amount = parseInt($(this).parent().parent().find('.amountOrder').val()); 
           if(amount == '0'){ amount=1;} 

           if(groupSelected == 'm'){ 
           var price = parseInt($(this).parent().parent().find('input[type="checkbox"]').data('price1m')); 
           }else{ 
           var price = parseInt($(this).parent().parent().find('input[type="checkbox"]').data('price12m')); 
           } 
           return this.value+' כמות: ' + amount + ' סה"כ: ' + amount*price; 
          }).get().join(" ->\n") 
         ); 
        } 

上面的代碼只對複選框的工作完美, 我讀了一些文章:How do I total checked and selected?

但是,如果我想結合我目前的過濾器與檢查並選擇其可能?

我不知道如何做到這一點..我在谷歌尋找小時,來到這裏。

我是新來的,希望能有所幫助,謝謝。

回答

1

我回答自己..

可以將檢查並選擇這種方式:

var elems = $('input[type="checkbox"]:checked,#ITselect option:selected'); 

        $('#totalamount').val(
          elems.map(function() { 
           var amount = parseInt($(this).parent().parent().find('.amountOrder').val()); 
           if(amount == '0'){ amount=1;} 

           if(groupSelected == 'm'){ 
           var price = parseInt($(this).parent().parent().find('input[type="checkbox"]').data('price1m')); 
           }else{ 
           var price = parseInt($(this).parent().parent().find('input[type="checkbox"]').data('price12m')); 
           } 
           return this.value+' כמות: ' + amount + ' סה"כ: ' + amount*price; 
          }).get().join(" ->\n") 
         ); 

小tweek工作真棒。