Using JavaScript to Validate Radio Buttons

Question

i'm trying to follow this tutorial guide on this website http://homepage.ntlworld.com/kayseycarvey/jss3p11.html?

However, i met some difficultly when doing so. Even though i did the exact same thing. Please guide me if you know so. Here are what i did:

<html>
    <script>
        function GetSelectedItem() {

            chosen = ""
            len = document.f1.r1.length

            for (i = 0; i <len; i++) {
                if (document.f1.r1[i].checked) {
                    chosen = document.f1.r1[i].value
                }
            }

            if (chosen == "") {
                alert("No Location Chosen")
            }
            else {
                alert(chosen) 
            }
        }
    </script>

    <body>
        <form name="f1">
        <Input type = radio Name = r1 Value = "NE">North East
        <Input type = radio Name = r1 Value = "NW">North West
        <Input type = radio Name = r1 Value = "SE">South East
        <Input type = radio Name = r1 Value = "SW">South West
        <Input type = radio Name = r1 Value = "midlands">Midlands
        </form>


    </body></script>
</html>

On a side note, do i have to do anything to the form in order to trigger the function GetSelectedItem ? Thanks in advance !

score 0 · Answer 1 · answered Sep 06 '13 at 06:56

0

Add onsubmit="javascript:GetSelectedItem();" to your form tag.

answered Sep 06 '13 at 06:56

Alex

1,605
11
14

2

[`javascript:`](http://stackoverflow.com/questions/18569815/whats-the-point-of-javascript-in-code-not-urls/18569877#18569877)? – Quentin Sep 06 '13 at 06:59
Thanks but nothing happened when i added this. – Eddy Sep 06 '13 at 07:01

score 0 · Accepted Answer · answered Sep 06 '13 at 06:58

0

add GetSelectedItem ()function on onchange event of your radio button

     <input type="radio" onclick="GetSelectedItem()" value="NE" name="r1">

answered Sep 06 '13 at 06:58

rajesh kakawat

10,826
1
21
40

Wow this is exactly what i want. Thanks alot bro. On the other hand, do you know of any ways to store the selected value into local database instead of an alert? – Eddy Sep 06 '13 at 07:02
This will alert on the radio's click... And will make `alert("No Location Chosen")` unlogical – Itay Sep 06 '13 at 07:03
@Eddy by local database you mean sql database or something like array ????? – rajesh kakawat Sep 06 '13 at 07:04
Hmm, what i wanted to do was, when the user click on the radio button, the value of the radio button should be stored into a local database. So i was wondering if there's any way to switch from 'showing an alert' to 'Storing it to their local database'? – Eddy Sep 06 '13 at 07:07
@Eddy store it in javascript array – rajesh kakawat Sep 06 '13 at 07:08
@rajeshkakawat Local database as in, because in the first place, that particular application i doing needs an offline function. Meaning to say, when the user lost connection halfway when doing their quiz, those answers(radio box) that they have selected can be save automatically into their local database(Phone). So can i store it in javascript array if i want it to work this way? Thanks alot. – Eddy Sep 06 '13 at 07:17
@Eddy Use cookie that should help out – rajesh kakawat Sep 06 '13 at 07:23

score 0 · Answer 3 · 2013-09-06T07:12:26.820

0

window.addEventListener('load', function () {
for (var i = 0; i < document.f1.r1.length; i++) {
    document.f1.r1[i].addEventListener("click", GetSelectedItem);
}
}, false);

function GetSelectedItem() {
alert(this.value);
}

http://jsfiddle.net/udSbL/2/

edited Sep 06 '13 at 07:12

answered Sep 06 '13 at 07:05

score 0 · Answer 4 · answered Sep 06 '13 at 07:18

try this

<input type="radio" onclick="autosubmit(this.value)" value="NE" name="r1">
<script type="text/javascript">
function autosubmit(value) {
window.location='update.php?radiovalue='+value;
}
</script>

update.php

$rbtn=$_GET['radiovalue'];

//here your update query

Using JavaScript to Validate Radio Buttons

4 Answers4