Getting value using javascript

Question

I have 2 input types which are both check boxes. I am trying to get the value of them but it says it is 'undefined'.

<tr>
  <td>
    <input type='checkbox' class='gymyears'>
    Yes
    <input type='checkbox' class='gymyears'>
    No
  </td>
</tr>

var Gymyearsv = $(".gymyears").val();

Why you don't use type="radio" ... if you select checkbox the user can check both, YES and NO... Using radio the user has to select just one... or YES or NO — Roy Bogado, Nov 05 '18 at 11:51
And you can check if checked like this $(".gymyears").is(':checked') — Roy Bogado, Nov 05 '18 at 11:52
Possible duplicate of [jQuery, checkboxes and .is(":checked")](https://stackoverflow.com/questions/2660323/jquery-checkboxes-and-ischecked) — Roman Haivaronski, Nov 05 '18 at 13:13
Possible duplicate of [How to check whether a checkbox is checked in jQuery?](https://stackoverflow.com/questions/901712/how-to-check-whether-a-checkbox-is-checked-in-jquery) — freedomn-m, Nov 05 '18 at 13:16

jsadev.net · Answer 1 · 2018-11-05T13:18:37.840

The problem is that your checkboxes have'nt a value, thats why its still undefined. You have to look for 'checked' instead:

var Gymyearsv = $(".gymyears");

function getState() {
  Gymyearsv.each(function(i, checkbox) {
    console.log(checkbox.checked);
  });
}

// or use $('#yourID').is(":checked");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr>
  <td>
    <input type='checkbox' class='gymyears'> Yes
    <input type='checkbox' class='gymyears'> No
  </td>
</tr>
<button onclick="getState();">get state</button>

Or as Roy mentioned you could use radios instead:

function getState(){
  console.log($("input[name=gymyears]:checked").val());
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr>
  <td>
    <input type='radio' name='gymyears' value="yes"> Yes
    <input type='radio' name='gymyears' value="no"> No
  </td>
</tr>
<button onclick="getState();">get state</button>

Getting value using javascript

1 Answers1