Evento: change
Ejemplo
Ejecución del ejemplo
<!DOCTYPE html> <html> <head> <title>Ejemplo de JavaScript</title> <meta charset="UTF-8"> </head> <body> Evento change del checkbox: <input type="checkbox" id="checkbox1" name="checkbox1" checked> <br> Evento change del radio:<br> <input type="radio" name="radio1" id="radioa"><br> <input type="radio" name="radio1" id="radiob"><br> <input type="radio" name="radio1" id="radioc"><br> Evento change del select: <select name="select1" id="select1"> <option value="argentina">Argentina</option> <option value="chile">Chile</option> <option value="uruguay">Uruguay</option> <option value="paraguay">Paraguay</option> <option value="bolivia">Bolivia</option> </select> <br> <input type="text" name="text1" id="text1"> <br> <textarea name="text1" id="textarea1" rows="6" cols="80"></textarea> <br> <script> document.getElementById('checkbox1').addEventListener('change', cambiocheckbox); document.getElementById('radioa').addEventListener('change', cambioradio); document.getElementById('radiob').addEventListener('change', cambioradio); document.getElementById('radioc').addEventListener('change', cambioradio); document.getElementById('select1').addEventListener('change', cambioselect); document.getElementById('text1').addEventListener('change', cambiotext); document.getElementById('textarea1').addEventListener('change', cambiotextarea); function cambiocheckbox() { alert(document.getElementById('checkbox1').checked); } function cambioradio() { alert(document.getElementById('radioa').checked + ' ' + document.getElementById('radiob').checked + ' ' + document.getElementById('radioc').checked); } function cambioselect() { alert(document.getElementById('select1').value); } function cambiotext() { alert(document.getElementById('text1').value); } function cambiotextarea() { alert(document.getElementById('textarea1').value); } </script> </body> </html>
No tiene disponible el navegador la capacidad de iframe
Retornar al menu