Value change on drop down or check box Part 2

Continuing the discussion from Value change on drop down or checkbox Part 2:

Reference Link

Hi there,
I’m opening this thread after a long time. We had an intense discussion over other intricacies.

For now, it seems that I am stuck at achieving something which was working fine before.

The pricetag –
This one should also update when the checkboxes ticked.

But that is not happening. All the script is dependent on the classes. So the HTML under discussion – if we put the class totalprice

Then the HTML starts to get updated →
<h2 class="price license_price themecolor">€59</h2>

If we change to →

<h2 class="totalprice themecolor">€59</h2>

But then button’s add to Cart Button on the selection of checkboxes or drop-down fails to get updated.

My issue is: Previously everything was working fine:
Both add to cart button and the HTML above were updating simultaneously. what mistake or accidental change I have done because of which I am seeing a failure of anticipated results.

Source Search: “license_price” Returns 2 Javascript results.

  function getPriceEl(form) {

    return form.querySelector(".license_price");

function getCheckboxPrice(checkbox) {

    return checkbox.parentNode.querySelector(".license_price").innerHTML;


Both of these functions return a single result.

  function updatePrice(select, prices) {

    var price = getPriceEl(select.form);

    price.innerHTML = "€" + prices[select.selectedIndex];


So this function updates a single element’s value.
You’ve put multiple instances of a total value into the page, but only told your function to update one of them. So that’s what it does.

1 Like

So above two needs to be united. Right?

But Isn’t this part updates inner HTML?
<h2 class="price license_price themecolor">€59</h2> because the class price is there.

And this one does the update from the selection dropdown.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.