Tengo una llamada ajax que devuelve html. Este html incluye dos botones de opción. Cuando se envía la página, necesito verificar que los resultados de ajax hayan seleccionado una radio. En la carga de la página inicial, no tengo ningún problema, es cuando trato de verificar los resultados de ajax que falla en la verificación.

Este es el código que busco implementar:

 $("body").on("click", "address_type", function submitPage(event) { var selectedVal = ""; var selected = $("input[type='radio'][name='address_type']:checked"); if (selected.length > 0) { selectedVal = selected.val(); }else{ alert('Check address type'); event.preventDefault(); } });

La radio que busco verificar (devuelta por ajax):

 <label class="container">Radio No <input name="address_type" value="commercial" type="radio" aria-required="true" id="Address_commercial"> <span class="checkmark"></span> </label> <label class="container" >Radio Yes <input name="address_type" value="residential" type="radio" aria-required="true" id="Address_residential"> <span class="checkmark"></span> </label>

La función de verificación submitPage es llamada por:

 <div class="continue" style="color:blue;"> <input type="submit" class="form-button" value="submit" onclick="submitPage(event)"/> </div>

En la carga de la página inicial, es sencillo verificar, pero cuando devuelvo los resultados de una llamada ajax, la verificación no se realiza correctamente. Intenté agregar $("cuerpo").on("clic" pero parece que no funciona.