Question

I am currently using the following code to update form data before submission.

    $('.countyx').change(function(){
            var d=$(this).val();
            $('.countyq').text(d);
        });

This works fine if the user selects any change with their mouse, however, if the user uses the arrow keys to navigate the checkbox the ‘change’ is not registered. Obviously the keyup handler would work but is there any way to implement two handlers at once in a neat, lightweight way?

Answer 1

var fn_count = function() {$('.countyq').text($('.countyx').val());}
$('.countyx').change(fn_count).keyup(fn_count);