javascript - 如何使用js更改单个产品页面（woocommerce）的数量值

Question

嗨，我需要使用 js 代码访问和更改单品 woocommerce 的数量值，这样我就可以将价格乘以数量并立即显示总价，无论如何......

到目前为止，我可以用这段代码做到这一点

var slider = document.getElementsByClassName("slide2")[0];
var output = document.querySelector("#outputLabel");
var totalP = document.querySelector("#totalLabel");
var quantity = document.getElementsByName("quantity")[0];
var price = "<?php global $product; echo $product->get_price(); ?>";


function numberWithCommas(x) {
    return x.toString().replace(/\B(?<!\.\d*)(?=(\d{3})+(?!\d))/g, ",");
    }
    
slider.oninput = function doMath() {
    output.innerHTML = String(slider.value);
    totalP.innerHTML =  numberWithCommas(String(price*slider.value));
    var quantity = document.getElementsByName("quantity")[0];
    output.innerHTML = slider.value;
    quantity.value = slider.value;
    totalP.innerHTML =  numberWithCommas(String(price*slider.value));
}

但它有一个小问题，即第一次加载页面时无法获取 getElementsByName。

标签： javascriptphpwoocommerce