{"id":190,"date":"2022-12-09T18:34:42","date_gmt":"2022-12-09T18:34:42","guid":{"rendered":"http:\/\/javigomez.org\/?p=190"},"modified":"2025-09-29T20:34:20","modified_gmt":"2025-09-29T20:34:20","slug":"controlar-un-radio-buttons-con-javascript","status":"publish","type":"post","link":"https:\/\/javigomez.org\/index.php\/2022\/12\/09\/controlar-un-radio-buttons-con-javascript\/","title":{"rendered":"Controlar un radio buttons con javascript"},"content":{"rendered":"\n

En el siguiente ejemplo se puede controlar la activaci\u00f3n de unos radio buttons a trav\u00e9s de javascript. Otra caracter\u00edstica que tiene este c\u00f3digo es que, seg\u00fan se active el radio button, se muestra una informaci\u00f3n u otra sobre un textarea.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n\t<meta charset=\"UTF-8\">\n\t<title>Manejo de radio buttons<\/title>\n\t<link rel=\"import\" href=\"X.html\" id=\"miimport\">\n<\/head>\n\n<body>\n\t<input type=\"radio\" id=\"radio1\" name=\"myRadioButtons\" value=\"1\" onclick=\"muestra1()\">\n\t<label for=\"radio1\">Opci\u00f3n 1<\/label>\n\n\t<input type=\"radio\" id=\"radio2\" name=\"myRadioButtons\" value=\"2\" onclick=\"muestra2()\">\n\t<label for=\"radio2\">Opci\u00f3n 2<\/label>\n\n\t<textarea id=\"area\" rows=\"10\" cols=\"50\"><\/textarea>\n\n\t<button onclick=\"r1()\">Activa radio1<\/button>\n\t<button onclick=\"r2()\">Activa radio2<\/button>\n\t<div id=\"resultado\"><\/div>\n\n\t<script>\n\n\t\tfunction r1() {\n\t\t\tdocument.getElementById(\"radio1\").checked = true;\n\t\t\tmuestra1();\n\t\t}\n\n\t\tfunction r2() {\n\t\t\tdocument.getElementById(\"radio2\").checked = true;\n\t\t\tmuestra2();\n\t\t}\n\n\t\tfunction muestra1() {\n\t\t\tdocument.getElementById(\"area\").value = \"Activado el 1\";\n\t\t}\n\n\t\tfunction muestra2() {\n\t\t\tdocument.getElementById(\"area\").value = \"Activado el 2\";\n\t\t}\n\n\t<\/script>\n<\/body>\n\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
En el siguiente ejemplo se puede controlar la activaci\u00f3n de unos radio buttons a trav\u00e9s de javascript. Otra caracter\u00edstica que tiene este c\u00f3digo es que, … <\/p>\n","protected":false},"author":1,"featured_media":191,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[76,204,278,326],"class_list":["post-190","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-checked","tag-javascript","tag-radio-button","tag-textarea"],"_links":{"self":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/comments?post=190"}],"version-history":[{"count":1,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/190\/revisions"}],"predecessor-version":[{"id":967,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/190\/revisions\/967"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/media\/191"}],"wp:attachment":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/media?parent=190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/categories?post=190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/tags?post=190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}