Question

How do I get the value of check box after client clicks it.

With this below it always returns the loaded value on the page but if the client changes it then it does not reflect the change? Thanks

var isChecked = $('#chkSelect').is(':checked');

Answer 1

You need to listen for a change event:

jsFiddle demo

$('#chkSelect').change(function(){
   // use this one if you need the object value
   var isChecked = $('#chkSelect:checked').val();       // returns value: on / undefined
   // or this one if you need a boolean value
   var bool_isChecked = $('#chkSelect').is(':checked'); // returns boolean: true / false
   
   alert(isChecked +' '+ bool_isChecked);               // test the vars result
});