Why do I get the same value from radio buttons?

Question

0.00/5 (No votes)

See more:

Hi, guys I have three radio buttons. I want to assign value of them to a variable but the value stays the same whichever button is clicked.

What I have tried:

HTML

HTML

<input type="radio" name="age" onclick="checkAge(this)" value="child">less tan 18<br>
<input type="radio" name="age" onclick="checkAge(this)" value="adult">over 18<br>
<input type="radio" name="age" onclick="checkAge(this)" value="senior">over 65<br>

JavaScript

function checkAge(radio){
   var age = "";
  if(radio.value="child"){
    age = "child";
  }
  else if (radio.value="adult") {
    age = "adult";
  }
  else {
    age = "senior";
  }
  console.log(age);

}

The value of the variable 'age' is not changing, why?

Posted 15-Mar-17 1:18am

Reatellino

Updated 15-Mar-17 1:35am

Add a Solution

2 solutions

Solution 2

You have missed "==". Please open the below link (Tryit Editor v3.3[^]) and copy the code to verify.

<!DOCTYPE html>
<html>
<body>
<script>
function checkAge(radio){
alert(radio.value);
   var age = "";
  if(radio.value=="child"){
    age = "child";
  }
  else if (radio.value=="adult") {
    age = "adult";
  }
  else {
    age = "senior";
  }
  alert(age);

}
</script>
<form action="">
  <input type="radio" name="gender" onclick="checkAge(this)" value="child"> child<br>
  <input type="radio" name="gender" onclick="checkAge(this)" value="adult"> adult<br>
  <input type="radio" name="gender" onclick="checkAge(this)" value="senior"> senior
</form>

<p> * The selected value will be shown in the alert box upon select. </p>
</body>
</html>

Thank you.

Posted 15-Mar-17 1:35am

Prateek Dalbehera

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)

Karthik_Mahalingam · Accepted Answer · 2017-03-15T01:23:00

Solution 1

use == instead of =

if (radio.value == "child") {

but this will do the job

function checkAge(radio) {
           console.log(radio.value);
       }

Posted 15-Mar-17 1:23am

Karthik_Mahalingam

v2

Comments

Reatellino 15-Mar-17 7:28am

OMG, How could I miss it! hahaha. Thank You:)

Karthik_Mahalingam 15-Mar-17 7:29am

welcome :)