Search jQuery

jQuery Forum

selecting checked radio inputs and filtering by html data attributes

in Getting Started • 7 years ago

Hello. I know some vanilla javascript but am new to jQuery.

I am trying to select checked radio inputs and then select only the ones whose html I have given a data-attribute of correct answer like so:

data-answer="correctanswer"

My jQuery currently looks like this.

var checkedbox = $("[type='radio']").attr(":checked") === true;
checkedbox.data( "answer" ) === correct answer;

I then want to do .length of the variable so I can see how many correct answers people have given in a quiz.

Replies(5)

jakecigar

Re: selecting checked radio inputs and filtering by html data attributes

7 years ago

Using a cool jQuery selector it is one line.

var correctAnsswers = $(":checked[data-answer='correctanswer']")

Now you have correctAnsswers.length

https://jsfiddle.net/jakecigar/19tw0z2y/

JΛ̊KE

Oliver Wi..

Re: selecting checked radio inputs and filtering by html data attributes

7 years ago

Thank you Jake, I'm amazed at how little code there is for that!

A couple of questions though - As far as speed goes, isn't it better to use native css selectors and chain them?

Also: this solution works really well for a click event when you have the search for checked status only after a button is pressed and the radio inputs have already been checked by the user. I was hoping to have the amount of correct answers on the screen the whole time and have the score change as the user answers questions but this is really hard to work out!

jakecigar