Estoy tratando de hacer algo en el que pueda buscar vuelos dentro de una base de datos según el aeropuerto de salida/llegada y el vuelo de salida/regreso. Hay dos botones de radio en los que puede hacer clic, ya sea de ida y vuelta o de ida. Lo que tengo problemas es que quiero ocultar el vuelo de regreso cada vez que se hace clic en el botón de radio unidireccional, pero no se mueve. Todo permanece en la pantalla sin importar qué botón se presione. Aquí está mi código, ¡cualquier ayuda sería apreciada!
<!DOCTYPE html> <html> <head> <script> function tripCheck(){ if (document.getElementById('round').checked){ document.getElementById('toggle').style.display = 'none'; } else { document.getElementById('toggle').style.display = 'block'; } </script> </head> <body> <form action="/post" method="POST"> <!-- Radio Buttons --> <input type="radio" onclick="javascript:tripCheck();" name="oneround" id="round" checked>Round Trip <input type="radio" onclick="javascript:tripCheck();" name="oneround" id="oneway">One Way<br> <!-- Source and Destination Locations --> <input type="text" name = "source" placeholder="Enter an origin" required/> <input type="text" name = "dest" placeholder="Enter a Destination" required/><br> <!-- Departure and Return Dates --> Departure Date: <input type="date" id="departure" name="ddate" value="mm/dd/yyyy" min="2000-01-01" max="2050-01-01" required> <div id="toggle">Return Date: <input type="date" id="return" name="rdate" value="mm/dd/yyyy" min="2000-01-01" max="2050-01-01"> </div> <!-- Submit Button --> <br> <input type="submit" value="Submit"> </form> </body> </html>
<!DOCTYPE html> <html> <head> </head> <body> <form action="/post" method="POST"> <!-- Radio Buttons --> <input type="radio" onchange="tripCheck()" name="oneround" id="round" checked>Round Trip <input type="radio" onchange="tripCheck()" name="oneround" id="oneway">One Way<br> <!-- Source and Destination Locations --> <input type="text" name="source" placeholder="Enter an origin" required/> <input type="text" name="dest" placeholder="Enter a Destination" required/><br> <!-- Departure and Return Dates --> Departure Date: <input type="date" id="departure" name="ddate" value="mm/dd/yyyy" min="2000-01-01" max="2050-01-01" required> <div id="toggle">Return Date: <input type="date" id="return" name="rdate" value="mm/dd/yyyy" min="2000-01-01" max="2050-01-01"> </div> <!-- Submit Button --> <br> <input type="submit" value="Submit"> </form> <script> function tripCheck() { if (!document.getElementById('round').checked) { document.getElementById('toggle').style.display = 'none'; } else { document.getElementById('toggle').style.display = 'block'; } } </script> </body> </html>Tienes un error en el código anterior. Su función no tiene el corchete de cierre. Si desea ver el error de javascript, puede hacer clic derecho e ir a inspeccionar o simplemente presionar f12 e ir al menú de la consola.
Intente ingresar esto, una función Travel_Control
<script> function Travel_Control() { if (!document.getElementById('round').checked) { document.getElementById('toggle').style.display = 'none'; } else { document.getElementById('toggle').style.display = 'block'; } } </script>