Home > Software design >  Verify all radio groups have a value checked using a generic selector
Verify all radio groups have a value checked using a generic selector

Time:12-02

How to Verify all radio groups have at least 1 value selected using a generic selector and the .each() function.

All the examples I find require the id or name of the single radio options to be used not the group.

CodePudding user response:

Try this:

const radios = {};

$('input[type="radio"]').each((i, e) => {
  let $radio = $(e);
  
  if ($radio.is(':checked')) {
    radios[$radio.attr('name')] = $radio.val();
  }
});

console.log(radios);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<input type="radio" value="1" name="ri1">
<input type="radio" value="2" name="ri1" checked="checked">
<input type="radio" value="3" name="ri1">

<input type="radio" value="1" name="ri2">
<input type="radio" value="2" name="ri2">
<input type="radio" value="3" name="ri2" checked="checked">

  • Related