如何從javascript/jquery中的多個複選框獲取附加值？

Question

我有多個複選框添加一個按鈕。我想爲每個選中的複選框分配一個值150。也許我的邏輯錯了，但我無法得到它的工作。想法？

function getValues() { 

    var cost = 0; 
    var isChecked = $('.isLab').prop('checked'); 

    $('.isLab').each(function() { 
     if (isChecked == true) { 
      cost = 150 
     } 
    }); 
    alert(cost); 
} 

Answer 1

$('button').click(getValues); 
 

 
function getValues() { 
 
    alert($('.isLab:checked').length * 150); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<input type="checkbox" class="isLab"/> Item 1<br/> 
 
<input type="checkbox" class="isLab"/> Item 2<br/> 
 
<input type="checkbox" class="isLab"/> Item 3<br/> 
 
<button>Get values</button>

Answer 2

評論直列...

function getValues() { 

    var cost = 0; 

    $('.isLab').each(function (index, element) { 
     if (element.checked == true) { // reference current checkbox 
      cost += 150; // ADD to it! 
     } 
    }); 
    alert(cost); 
}