I want to get the value of the check box in the result variable. But I get the value as 'undefined' in the alert box. What is my mistake?
var result = ""; $("#required").change(function (){ result= $(".mycheckbox:checked").val(); alert(result); }); <div class=".mycheckbox"> <input id="required" type="checkbox" title="Required" name="required" value="required"> <label for="required">Required</label> </div> Better to use click event instead of change, as change event works differently depending on browser e.g. IE only fires the change event when the checkbox loses focus.
$(function() { $("#required").click(function (){ var result= $(this).attr('checked'); alert(result); }); }); Edit:
I think I may have misunderstood your question. If you only want to display an alert with the checkbox value when the checkbox is checked then something like the following will work
$(function() { $("#required").click(function (){ if ($(this).is(':checked')) { var result = $(this).val(); alert(result); } }); }); In you code
result= $(".mycheckbox:checked").val(); I think it should be
result= $("#required").val(); $(".mycheckbox:checked") is not correct, it should be:
$(".mycheckbox :checked") (note the space)
Your div declaration is also not correct. You shouldn't add the dot in the class name:
<div class="mycheckbox"> 
You could do something like:
var result = ($("#required").is(':checked')) ? $("#required").val() : false; 