{"id":1114,"date":"2011-09-30T15:59:46","date_gmt":"2011-09-30T13:59:46","guid":{"rendered":"http:\/\/sickel.net\/blogg\/?p=1114"},"modified":"2012-07-05T21:24:58","modified_gmt":"2012-07-05T19:24:58","slug":"value-from-radiobuttons-a-prototype-js-way","status":"publish","type":"post","link":"http:\/\/sickel.net\/blogg\/?p=1114","title":{"rendered":"Value from radiobuttons – a prototype.js way"},"content":{"rendered":"

Radiobuttons are occasionally useful, but they really seems to be made for being read out through the good old form submit. But if you want to read the value from java script?<\/p>\n

With prototype.js<\/a> linked in, it can be done this way:<\/p>\n

\r\nfunction radiovalue(form,radioset){\r\n\tvar rb=$(form)[radioset];\r\n\tvar value;\r\n\t$A(rb).each(function(r){\r\n\t\tif(r.checked){\r\n\t\t\tvalue=r.value;\r\n\t\t}\r\n\t});\r\n\treturn(value);\r\n}\r\n<\/pre>\n
The form must have an id and the function is called with the id of the form and the name of the radiogroup, ie with the html<\/p>\n
\r\n<form id=\"radioform\">\r\n<input type=\"radio\" name=\"specttype\" value=\"Sum\" \/>Sum specter\r\n<input type=\"radio\" name=\"specttype\" value=\"Det.1\" \/>Detector 1\r\n<input type=\"radio\" name=\"specttype\" value=\"Det.2\" \/>Detector 2\r\n<\/form>\r\n<\/pre>\n
the javascript<\/p>\n
\r\nradiovalue('radioform','specttype') <\/pre>\n
will return the value of the selected radiobutton.<\/p>\n","protected":false},"excerpt":{"rendered":"
Radiobuttons are occasionally useful, but they really seems to be made for being read out through the good old form submit. But if you want to read the value from java script? With prototype.js linked in, it can be done … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4,1,31],"tags":[],"class_list":["post-1114","post","type-post","status-publish","format-standard","hentry","category-data","category-div","category-javascript"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pnVtD-hY","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"http:\/\/sickel.net\/blogg\/index.php?rest_route=\/wp\/v2\/posts\/1114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/sickel.net\/blogg\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sickel.net\/blogg\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sickel.net\/blogg\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/sickel.net\/blogg\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1114"}],"version-history":[{"count":4,"href":"http:\/\/sickel.net\/blogg\/index.php?rest_route=\/wp\/v2\/posts\/1114\/revisions"}],"predecessor-version":[{"id":1296,"href":"http:\/\/sickel.net\/blogg\/index.php?rest_route=\/wp\/v2\/posts\/1114\/revisions\/1296"}],"wp:attachment":[{"href":"http:\/\/sickel.net\/blogg\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sickel.net\/blogg\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1114"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sickel.net\/blogg\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}