JSFiddle - React, Tailwind, and code Playground

HTML

<span class="woocommerce-input-wrapper">

<input type="radio" class="input-radio " value="Non dimmable" name="dimming" id="dimming_Non dimmable">
<label for="dimming_Non dimmable" class="radio ">layer1 (+ $0)</label>
<br>
<input type="radio" class="input-radio " value="1-10V dimmer" name="dimming" id="dimming_1-10V dimmer"><label for="dimming_1-10V dimmer" class="radio "> layer2 (+ $150)</label></span>

<br><br><br>
<span class="woocommerce-Price-amount amount">746</span>

JavaScript

var theTotal = jQuery('.woocommerce-Price-amount.amount').text();
	var price = theTotal.replace("$", "");

	jQuery('input[name="dimming"]').bind('click', function (e) {
		var haller = jQuery(this).val();
		
		if (haller == '1-10V dimmer') {
			price = Number(price) + 150;
		} else {
			price = Number(price) - 150;
		}
		
		jQuery('.woocommerce-Price-amount.amount').text(price); 
	
	});