javascript variable assignment from radio button

Question

0.00/5 (No votes)

See more:

XML

i have this partial code

        <script>
            var question = [
                '1. In the equation, ans = (35+15) / 2 * 7 - 51 + (100+2), ans final value is?',
                '2. In PHP, what operator is the equal (=) sign?',
                '3. An electric train travelled northward by 3pm, then by 5pm, it travelled westward. What was the direction of its smoke by 5pm?',
                '4. What was the most expensive dog breed ever sold for 1.5 million dollars??',
                '5. An asteroid, (1998 KM41), was named after this Filipino teacher by the Massachusetts Institute of Technology, Lincoln Laboratory, USA. Who is she?',
                '6. Who was the first president of United States of America after Abraham Lincoln?',
                '7. This is also popularly known as crux ansata, what is it?',
                '8. What is the highest-grossing animated film worldwide?',
                '9. Who is this WWE superstar that always chant YES! YES! YES!?',
                '10. Who was the president of the Philippines who got the lowest vote ever recorded?'
            ];

            <!--alert(question[0]);-->

        </script>

        <script>
            var sagots = [
                '1',
                '2',
                '3',
                '4',
                '5',
                '6',
                '7',
                '8',
                '9',
                '10'
            ];



        </script>

        <script>
            var ans=[
                    '226',
                    'Assignment',
                    'None',
                    'Red Tibetan mastiff',
                    'Dr. Josette Biyo',
                    'Andrew Johnson',
                    'Ankh',
                    'Toy Story 3',
                    'Daniel Bryan',
                    'Fidel Ramos'
                ];
        </script>



        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        <div id = "main-wrapper">
            <h1>Examination</h1>

            <div id = "questionone">
                <script>
                    document.write(question[0]);
                </script>
                <br />
                    <label><input type="radio" id="choice1" value="206"  checked="checked" />a. 206</label>
                    <label><input type="radio" id="choice1" value="256"  />b. 256</label>
                    <label><input type="radio" id="choice1" value="226"  />c. 226</label>
                <br />

                <script>

                        var sagots = 'null';

                        x = radio.getElementById(choice1).innerHTML;


                    alert(sagots[0]);
                </script>

            </div>


the problem is, i want to put the value of the radio button that has been/ will be checked by the user to my array "sagots[0]" but i couldn't. please tell me how to do that

Posted 29-Sep-13 9:23am

Kokombads

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

enhzflep · Accepted Answer · 2013-09-29T11:31:00

A few points that should probably be mentioned.
1) You can only use a particular id once - they're intended to be unique
2) The correct attribute to use for radio elements in the same group is name (not id)
3) document.getElementById(idStr) needs a string, you've given it a variable (that doesn't hold a string)

That said, you may wish to examine the following:

Javascript

JavaScript

var choice1Radios = document.getElementsByName('choice1');
    var i, n = choice1Radios.length;
    for (i=0; i<n; i++)
    {
        if (choice1Radios[i].checked)
        {
            document.getElementById('outputDiv').innerHTML = 'Radio btn with value of (' + choice1Radios[i].value +') selected currently';
            i = n;
        }
    }

HTML

<div id='outputDiv'></div>
    <label><input type="radio" name="choice1" value="206"  checked="checked" />a. 206</label>
    <label><input type="radio" name="choice1" value="256"  />b. 256</label>
    <label><input type="radio" name="choice1" value="226"  />c. 226</label>