prob with selected radio button using javascript?

user3516668

undefined output!! am i missing sth ? any idea ?

here is the radio button inputs :

  <tr> 
   <td>Yes <input type="radio" name="email"  id="email" value="yes"/></td> 
   <td></td> 
   <td>No <input type="radio" name="email" id="email" value="no"checked="checked"/></td> 
  </tr>



 <input type="button" value="submit" onclick="doIt()" style="width: 150px; height:30px" />


    <script type="text/javascript" language="javascript">

       function doIt() {

          var emailopt = document.getElementById('email').checked.value;

        alert (emailopt);


    }

Praveen

The way you have tried is completely wrong. Instead use the below approach

1) Iterate through all the radio buttons with name property
2) Now using checked attribute, place an if statement and then extract the value

  function doIt() {
      var emailopt = document.getElementsByName('email');
      for (i = 0; i < emailopt.length; i++) {
          if (emailopt[i].checked) {
              alert(emailopt[i].value)
          }
      }
  }

Fiddle

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at
0

Comments

0 comments
Login to comment

Related

From Dev

JavaScript - Checking if Radio Button is selected

From Dev

Javascript selected text highlighting prob

From Dev

JavaScript validation to check if a radio button is selected?

From Dev

Get selected radio button value in javascript

From Dev

How to display a radio button selected using a variable?

From Dev

Validation for radio button using javascript

From Dev

Radio button validation using JavaScript

From Dev

onclick for radio button using javascript

From Dev

How to pass the selected value of radio button using JavaScript from popup window to parent window?

From Dev

Change label CSS when child radio button is selected (without using javascript/jquery)?

From Dev

Check for selected radio button

From Dev

checking if a radio button is selected

From Dev

Radio button selected is always on

From Dev

Check if a radio button is selected

From Dev

How to find out which radio button the user selected in Javascript?

From Dev

JavaScript / jquery: add class if a radio button is selected and data attribute qualifies

From Dev

HTML5 - JavaScript - Load Text Files to Radio Button and then Read Text File for Radio Button Selected

From Dev

How to set radio button selected value using jquery

From Dev

Trying to get value of selected radio button using ajax/jquery

From Dev

False the value except the selected radio button using AngularJS

From Dev

selected radio button values to display in textbox and dropdown menu using Jquery

From Dev

How to make radio button selected using span values?

From Dev

Get checked Radio Button and Selected Drop down values using Jquery

From Dev

Capybara: get selected radio button using webkit or poltergeist

From Dev

How to set selected radio button in IONIC using angularJS

From Dev

Toggle between selected radio button using D3

From Dev

Radio Button selection using Javascript executor

From Dev

Split radio button values using jquery / Javascript

From Dev

How to create radio button dynamically using javascript?

Related Related

  1. 1

    JavaScript - Checking if Radio Button is selected

  2. 2

    Javascript selected text highlighting prob

  3. 3

    JavaScript validation to check if a radio button is selected?

  4. 4

    Get selected radio button value in javascript

  5. 5

    How to display a radio button selected using a variable?

  6. 6

    Validation for radio button using javascript

  7. 7

    Radio button validation using JavaScript

  8. 8

    onclick for radio button using javascript

  9. 9

    How to pass the selected value of radio button using JavaScript from popup window to parent window?

  10. 10

    Change label CSS when child radio button is selected (without using javascript/jquery)?

  11. 11

    Check for selected radio button

  12. 12

    checking if a radio button is selected

  13. 13

    Radio button selected is always on

  14. 14

    Check if a radio button is selected

  15. 15

    How to find out which radio button the user selected in Javascript?

  16. 16

    JavaScript / jquery: add class if a radio button is selected and data attribute qualifies

  17. 17

    HTML5 - JavaScript - Load Text Files to Radio Button and then Read Text File for Radio Button Selected

  18. 18

    How to set radio button selected value using jquery

  19. 19

    Trying to get value of selected radio button using ajax/jquery

  20. 20

    False the value except the selected radio button using AngularJS

  21. 21

    selected radio button values to display in textbox and dropdown menu using Jquery

  22. 22

    How to make radio button selected using span values?

  23. 23

    Get checked Radio Button and Selected Drop down values using Jquery

  24. 24

    Capybara: get selected radio button using webkit or poltergeist

  25. 25

    How to set selected radio button in IONIC using angularJS

  26. 26

    Toggle between selected radio button using D3

  27. 27

    Radio Button selection using Javascript executor

  28. 28

    Split radio button values using jquery / Javascript

  29. 29

    How to create radio button dynamically using javascript?

HotTag

Archive