Boton de radio
- <form id="form-reset"> @csrf <input type="hidden" id="questionId" value="{{$data->id}}"> <div class="btn btn-group-toggle d-flex flex-column" id="radioDiv" data-toggle="buttons"> <label class="btn btn-secondary mb-2"> <input type="radio" name="options" id="option_a1" class="answer-check-box" data-value="1"> Yes </label> <label class="btn btn-secondary"> <input type="radio" name="options" id="option_a2" class="answer-check-box" data-value="2"> NO </label> </div> </form>codigo js
function clearRads() { var radList = document.getElementsByName("options"); for (var i = 0; i < radList.length; i++) { if (radList[i].checked) { document.getElementById(radList[i].id).checked = false; } } }Función de éxito de Ajax
success: function(response) { // console.log(response.data); timeReset(); let theInput = document.getElementById('questionId'); if (response.data && !(response.data.correct_answer == 0)) { clearRads(); theInput.value = response.data.id; $('#question').html(response.data.question); } else { $('#quesDiv1').html('<h4 class="text-center">Please Wait</h4>'); } }El problema es que cuando llamo a este clearRads() esto no restablecerá el valor. Esta función devuelve lo indefinido cuando consola.log esta función. gracias de antemano. Por favor orienteme se lo agradecere.
Su función clearRads() necesita un poco de trabajo.
Entonces, en lugar de lo que tienes, creo que esto debería funcionar:
function clearRads() { var radList = document.getElementsByName("options"); for (var i = 0; i < radList.length; i++) { radList[i].checked = false; } } }No es necesario verificar si está borrando todos los cheques. Además, no es necesario document.get... ya que ya tiene esos elementos en la matriz.
Déjame saber cómo va eso.