Clicking the switch icon displays as undefined

Question

The result is displayed as undefined for the click value of the switch

$(document).ready(function(){ $("input:radio").change(function(){ checkResult(this); }); }); function checkResult(el) { var clicked=$('el:checked'); var clickedvalue=clicked.val(); alert(clickedvalue); $this=$(el).parent("div.QA"); $this.slideUp(); } 

Answer 1

You are not using a DOM element in your selector. Your $ ('el: checked') selector means you are looking for a valid el tag.

Edit

 var clicked=$('el:checked'); 

For

 var isChecked= el.is(':checked'); 

Your code changes accordingly

 function checkResult(el) { var clicked= $(el); var clickedvalue=clicked.val(); alert(clickedvalue); $this=$(el).parent("div.QA"); $this.slideUp(); var isChecked= el.is(':checked'); } 

Answer 2

You do not use the el parameter when retrieving a value.

Try the following:

 clickedvalue = $(el).val();