Skip to main content
se añadieron 395 caracteres en el cuerpo
Origen Enlace
Agustin G.
  • 2.8k
  • 1
  • 17
  • 50

El problema al parecer se encuentra en que estas encerrando las etiquetas html entre comillas simples (')y debes envolverlas en estas otras: `

const ispickup = () => {
    alert('hiciste click en el checkbox. Este alert corresponde a la funcion isPickup');
  }

const updateWOaddress = () =>{
      alert('el valor cambió. Este alert corresponde a la funcion updateWOaddress');
  }

document.getElementById('wocart').innerHTML += 
   `<div class="radio-group">
        <input class="wopicdelradio" type="radio" id="wodel" name="selector" checked onclick="ispickup();" onchange="updateWOaddress();">
        <label class="rlabel" for="wodel">Express</label>
        <input class="wopicdelradio" type="radio"
        id="wopic" name="selector" onclick="ispickup();" onchange="updateWOaddress();">
        <label class="rlabel" for="wopic">Recoger</label>
</div>`
<div id='wocart'></div>

Edit: Ahi agregue dos funciones genericas que tienen el nombre de las funciones que llama el código html insertado. La idea es que esas dos funciones estén definidas para que el código html entienda lo que tiene que hacer.

El problema al parecer se encuentra en que estas encerrando las etiquetas html entre comillas simples (')y debes envolverlas en estas otras: `

document.getElementById('wocart').innerHTML += 
   `<div class="radio-group">
        <input class="wopicdelradio" type="radio" id="wodel" name="selector" checked onclick="ispickup();" onchange="updateWOaddress();">
        <label class="rlabel" for="wodel">Express</label>
        <input class="wopicdelradio" type="radio"
        id="wopic" name="selector" onclick="ispickup();" onchange="updateWOaddress();">
        <label class="rlabel" for="wopic">Recoger</label>
</div>`
<div id='wocart'></div>

El problema al parecer se encuentra en que estas encerrando las etiquetas html entre comillas simples (')y debes envolverlas en estas otras: `

const ispickup = () => {
    alert('hiciste click en el checkbox. Este alert corresponde a la funcion isPickup');
  }

const updateWOaddress = () =>{
      alert('el valor cambió. Este alert corresponde a la funcion updateWOaddress');
  }

document.getElementById('wocart').innerHTML += 
   `<div class="radio-group">
        <input class="wopicdelradio" type="radio" id="wodel" name="selector" checked onclick="ispickup();" onchange="updateWOaddress();">
        <label class="rlabel" for="wodel">Express</label>
        <input class="wopicdelradio" type="radio"
        id="wopic" name="selector" onclick="ispickup();" onchange="updateWOaddress();">
        <label class="rlabel" for="wopic">Recoger</label>
</div>`
<div id='wocart'></div>

Edit: Ahi agregue dos funciones genericas que tienen el nombre de las funciones que llama el código html insertado. La idea es que esas dos funciones estén definidas para que el código html entienda lo que tiene que hacer.

Origen Enlace
Agustin G.
  • 2.8k
  • 1
  • 17
  • 50

El problema al parecer se encuentra en que estas encerrando las etiquetas html entre comillas simples (')y debes envolverlas en estas otras: `

document.getElementById('wocart').innerHTML += 
   `<div class="radio-group">
        <input class="wopicdelradio" type="radio" id="wodel" name="selector" checked onclick="ispickup();" onchange="updateWOaddress();">
        <label class="rlabel" for="wodel">Express</label>
        <input class="wopicdelradio" type="radio"
        id="wopic" name="selector" onclick="ispickup();" onchange="updateWOaddress();">
        <label class="rlabel" for="wopic">Recoger</label>
</div>`
<div id='wocart'></div>