jQuery syntax for radio button

Question

In an attempt to abbreviate code and perhaps make it run a touch faster, I tried this code for getting the value if an input whose name is key is a radio button:

var elem = $(':input[name^="'+key+'"]');
currVal = (elem.prop('type') == 'radio' ? 
  ':input[name^="'+key+'"]:checked').val() : elem.val());

I've tried various ways to abbreviate the instruction

':input[name^="'+key+'"]:checked')

but nothing works.

Is there a way of using elem in this situation?

What exactly is the desired result? You are selecting things to get what? — Taplar
– Taplar, Commented Jun 13, 2019 at 18:10
Not sure having a leading : is correct. That's normally used for pseudo attributes. Try removing it — freefaller
– freefaller, Commented Jun 13, 2019 at 18:11
@freefaller :input will match multiple things, such as input, select, textarea — Taplar
– Taplar, Commented Jun 13, 2019 at 18:12

epascarello · Accepted Answer · 2019-06-13 18:19:19Z

2

Well you already have the element with

var elem = $(':input[name^="'+key+'"]');

So instead of looking up all the elements again, use filter

elem.filter(":checked").val()

answered Jun 13, 2019 at 18:19

epascarello

208k20 gold badges206 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

magnol Over a year ago

Thank you. That's exactly what I was hoping for.

Sandeep Ingale · Accepted Answer · 2019-06-13 18:15:31Z

0

My guess is $("input[name='+key+'][type='radio']:checked").val(); should work for you.

answered Jun 13, 2019 at 18:15

Sandeep Ingale

4384 silver badges8 bronze badges

Comments

Lifz · Accepted Answer · 2019-06-13 18:22:23Z

0

Here's a working fiddle using your code: https://jsfiddle.net/wvbxmgpe/

var elem = $(':input[name^="'+key+'"]'),
currVal = elem.prop('type') == 'radio'
  ? $(':input[name^="'+key+'"]:checked').val()
  : elem.val();

edited Jun 13, 2019 at 18:22

answered Jun 13, 2019 at 18:16

Lifz

6886 silver badges10 bronze badges

Collectives™ on Stack Overflow

jQuery syntax for radio button

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related