Checkbox onchange function

Question

I have a page with a set of checkbox's, that I want to run a Javascript function on when there is a change (I have done something very similar with dropdown's - and that worked)

However with the checkbox's I have three problems:

my onChange event only runs "sometimes" (you have to change the focus between the different checkbox controls
when it does run it is returning the result of the previous checkbox (not the one just clicked on)
the jQuery always return the value true

Checkbox creation

<%= Html.CheckBox("sl-" + row.Id, value, new { onChange = "SuitabilityChecked("+row.Id+", "+key+")"})%>

Javascript

function SuitabilityChecked(providerId, parentRecordId) {
            var params = {};
            params.providerId = providerId;
            params.parentRecordId = parentRecordId;

            var value = $("#sl-" + providerId).val();               
            
            params.value = value;            
            $.getJSON("SuitabilityChecked", params, null);
        };

Donald Byrd · Accepted Answer · 2010-02-02 00:48:51Z

3

Browsers are funny about radio buttons and check boxes and can delay the onchange until focus change. Try adding an onclick event to blur or call the change event directly.

Maybe something like this using jQuery Live (untested, off the top of my head):

$(':checkbox').live('click', function() { $(this).change(); });

answered Feb 2, 2010 at 0:48

Donald Byrd

7,8184 gold badges35 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Grayson Mitchell Over a year ago

Ahh! Yes my winforms background stuffed me up there, I changed it to an onclick rather than onchange and the proc fired as I would expect. The JQuery still always returns true for the value of the checkbox, however

Donald Byrd Over a year ago

Doh. Try $("#sl-" + providerId).attr('checked')

statenjason · Accepted Answer · 2010-02-02 01:02:03Z

0

What's happening:

Checkbox A clicked
Checkbox B clicked
Checkbox A has lost focus and fires onChange

Which makes it seem as if Checkbox B is returning the result of Checkbox A. If you were to press Tab after clicking Checkbox B in this scenario, you'd notice that its onChange would fire.

answered Feb 2, 2010 at 1:02

statenjason

5,2001 gold badge34 silver badges36 bronze badges

Collectives™ on Stack Overflow

Checkbox onchange function

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related