JSFiddle - React, Tailwind, and code Playground

by nolose

HTML

<input type="checkbox" onchange="toggleCheckbox(this)" cantidad="100" value="1" name="1">
<input type="checkbox" onchange="toggleCheckbox(this)" cantidad="200" value="2" name="2">
<input type="checkbox" onchange="toggleCheckbox(this)" cantidad="300" value="3" name="3">
    
    <p id="test"></p>

JavaScript

var sum = 0;
var limit = 3;

function toggleCheckbox(element){
        var number = element.value.replace ();
        if (element.checked){
        sum += Number(number);
        if(sum > limit){
        alert("Hola");
				element.checked = !element.checked;
        sum -= Number(number);
        }
        }
        else{
        sum -= Number(number);
        }
        document.getElementById("test").innerHTML = sum;
}