Getting attribute name instead of value - query

Question

Using this jquery code:

$("#targeting input:radio").each(function() {
   console.log ($(this).attr("selected"));
});

HTML:

 <input type="radio" id="dateFromTo" name="muScheduleDateRange" value="2" selected="someval"/>

In console.log I'm getting selected instead someval?

Answer 1

selected is a boolean. You can't set it to anything except undefined or "selected". If you want to attach some value to the input, use the value attribute. If you want to attach some additional value to the input, use a data attribute.

Answer 2

Try this

console.log($('#targeting input:radio:checked').val())

See jquery val

Answer 3

Try this:

console.log($(this).prop('checked'));

Will return true or false, depending on whether the radio button is checked.

Source