如何從複選框中獲取結果javascript

Question

我想將radioBox更改爲checkBox以供多項選擇。

我的複選框：

<input id="ser-price" name="price" class="w3-check" value="Serviceable {{ price.getServiceablePrice }}" type="checkbox"> 

我改變了它，但它總是需要一個值。這下我通過Javascript功能，因爲我做的文件HTML.Twig在block javascript：

function closeWindowAndShowAlert(f) { 

    var radios = document.getElementsByName('price'); 
    var price; 
    for (var i = 0, length = radios.length; i < length; i++) { 
     if (radios[i].checked) {     
      price = radios[i].value; 

      break; 
     } else { 
      price = null; 
     } 
    } 
    var priceChosen = document.getElementById("priceChosen").value; 
    if (!price && !priceChosen) { 
     alert("Please choose a price"); 
     return false; 
    } 
    else { 
     alert("This article has been successfully added to the cart"); 
     return true; 
    } 
} 

我怎樣才能更正我的功能讓我選擇，多選擇呢？

Answer 1

我猜你有0初始化自己的價格，在它添加值：

var price = 0; 

，並在循環中，您必須使用+=添加到持續增值：

price += +radios[i].value; // + prefix will convert the string to numbers 
// break; // <---i guess this isn't required