Question

我希望将radioBox更改为checkBox以进行多项选择。

我的复选框是：

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

我改变了它但总是取一个值。这是Javascript之后的功能，因为我在文件block javascript中执行了HTML.Twig：

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

如何从复选框javascript获得结果

1 个答案: