Radiobutton,+onclick

=RadioButton - ejemplo de encontrar el radiobutton seleccionado=

[[image:jq1.png]]
code format="html4strict" JQUERY TEST 1  2  3   code

En JavaScript
code format="html4strict"  function cual { var checkedValue = "ninguno"; var elements = document.getElementsByTagName('input'); for (var n = 0; n < elements.length; n++) { if (elements[n].type == 'radio' &&               elements[n].name == 'rb' &&                elements[n].checked) { checkedValue = elements[n].value; }           }            alert(checkedValue); }

code

En JQuery
code format="html4strict"  function cual { var checkedValue = $('[name="rb"]:checked').val; alert(checkedValue); } code

En JavaScript
code format="html4strict"   window.onload = function { document.getElementById('boton').onclick = function { cual; }       };

function cual { var checkedValue = "ninguno"; var elements = document.getElementsByTagName('input'); for (var n = 0; n < elements.length; n++) { if (elements[n].type == 'radio' &&               elements[n].name == 'rb' &&                elements[n].checked) { checkedValue = elements[n].value; }           }            document.getElementById('resultado').innerHTML = checkedValue; } 



JQUERY TEST 1  2  3  



code

En JQuery
code format="html4strict"  function cual { var checkedValue = $('[name="rb"]:checked').val; alert(checkedValue); } code

=Resumen de cada conversión de JavaScript en JQuery=

Poner el valor del radiobutton marcado en una variable
Javascript code function cual { var checkedValue = "ninguno"; var elements = document.getElementsByTagName('input'); for (var n = 0; n < elements.length; n++) { if (elements[n].type == 'radio' &&          elements[n].name == 'rb' &&           elements[n].checked) { checkedValue = elements[n].value; }     } } code

JQuery code function cual { var checkedValue = $('[name="rb"]:checked').val; } code ojo: en este ejemplo en JQuery si no se pulsa ninguno saldrís 'undefined'

Poner el valor en una label
JavaScript code document.getElementById('resultado').innerHTML = checkedValue; code JQuery code $('#resultado').html(checkedValue); code

Inicializar onclick de un tag para que se ejecute una función al hacer click
JavaScript code window.onload = function { document.getElementById('boton').onclick = function { cual; } }; code JQuery code $(function{       $('#boton').click(function { cual; }); }); code