Quiero recorrer la entrada de radio y después de obtener el botón seleccionado, ejecutar una función en él para obtener el valor de la etiqueta de radio... pero tengo problemas para adjuntar una función para que se ejecute en la radio seleccionada.
for(var i=0;i<removeCartItemsButtons.length; i++){ var button= removeCartItemsButtons[i] button.addEventListener('click',removeCartItem)//**like i did here**}
var form= document.getElementsByClassName('product-form')[0] form.addEventListener('submit', function(e){ e.preventDefault() var selectedSize = document.getElementsByName('size') for(var i=0;i<selectedSize.length; i++){ var size=selectedSize[i].checked size.addEventListener('change',addToCartClicked) } } <form class="product-form"> <div class="product-sizes"> <input type="radio" class="size" name="size" id="size1" value="34"> <label for="size1">34</label> <input type="radio" class="size" name="size" id="size2" value="36"> <label for="size2">36</label> <input type="radio" class="size" name="size" id="size3" value="38"> <label for="size3">38</label> <input type="radio" class="size" name="size" id="size4" value="40"> <label for="size4">40</label> <input type="radio" class="size" name="size" id="size5" value="42"> <label for="size5">42</label> <input type="radio" class="size" name="size" id="size6" value="44"> <label for="size6">44</label> </div> <button class="btn-black" type="submit" >ADD TO CART</button> </form>Creo que necesitaría modificar su código JS como se muestra a continuación (lo siento, agregué un punto y coma para ayudarme a leer mejor :-)
var form = document.getElementsByClassName('formulario-producto')[0];
form.addEventListener('submit', function(e){ e.preventDefault(); var selectedSize = document.getElementsByName('size'); for(var i=0; i<selectedSize.length; i++){ var size=selectedSize[i].checked; if(size === true) { selectedSize[i].addEventListener('change', addToCartClicked); } } });size var quién es true o false no para el elemento de entradachange con un clickaquí está tu código
var form= document.getElementsByClassName('product-form')[0] form.addEventListener('submit', function(e){ e.preventDefault(); var selectedSize = document.getElementsByName('size'); for(var i=0; i<selectedSize.length; i++) { var size= selectedSize[i].checked; if(size) { selectedSize[i].addEventListener('click',addToCartClicked); } } }); function addToCartClicked() { document.body.append(this.value); }Si está ejecutando el controlador de eventos de submit , entonces no tiene sentido agregar un controlador de eventos a un elemento en el formulario. Si desea extraer el valor de un botón de radio, puede hacerlo con esta línea de código:
let size = document.querySelector('input[name="temp"]:checked').value;Una vez que tenga ese valor, puede llamar a cualquier función de Javascript que necesite:
function addToCartClicked(size) { console.log("Size: "+size); document.body.append(size); } var form = document.getElementsByClassName('product-form')[0]; form.addEventListener('submit', function(e){ e.preventDefault(); let size = document.querySelector('input[name="temp"]:checked').value; addToCartClicked(size); });