0
164
VistasNecesito ayuda en Checkbox onclick jquery
tratando de aprender jquery e hice una casilla de verificación simple con una función donde puede hacer que todas las opciones sean de solo lectura al marcar el botón "ninguno de los anteriores".
<html> <body> <form id="diagnosedForm"> <div> <input type="checkbox" value="1"/>1 <br/> <input type="checkbox" value="2"/>2 <br/> <input type="checkbox" value="3"/>3 <br/> </form><br/> <input type="checkbox" value="" onclick="enableDisableAll(this);"/>None of the above <script src="script.js"> </script> </body> </html> function enableDisableAll(e) { var own = e; var form = document.getElementById("diagnosedForm"); var elements = form.elements; for (var i = 0 ; i < elements.length ; i++) { if(own !== elements[i] ){ if(own.checked == true){ elements[i].disabled = true; elements[i].checked = false; }else{ elements[i].disabled = false; } } } }esta sera la salida
y la última casilla de verificación lo hará de solo lectura
Quiero el mismo resultado, pero no hago clic en el archivo html, sino que uso jquery para resolverlo.
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Puede asignar una identificación a la casilla de verificación "ninguno de los anteriores" y luego en su script.js puede hacer algo como esto:
// script.js // Run enableDisableAll() on toggle click $('#toggle').click(enableDisableAll) function enableDisableAll() { // Find all input elements inside "diagnosedForm" const elements = $('#diagnosedForm input') // Map thru inputs and toggle enable/disable state elements.map((_, el) => { $(el).prop('checked', false) // Reset checkboxes $(el).prop('disabled', (i, v) => !v) }) } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <html> <body> <form id="diagnosedForm"> <div> <input type="checkbox" value="1" />1 <br/> <input type="checkbox" value="2" />2 <br/> <input type="checkbox" value="3" />3 <br/> </div> </form> <br/> <input id="toggle" type="checkbox" value="" /> None of the above </body> </html>
·
Juan Pablo Isaza
Denunciar
Responde la pregunta