asp.net mvc: simulating autopostback for simple checkbox

Question

I have a simple checkbox, generated with:

<%= Html.CheckBox("myCB" )%>

How can I add an onChange handler to this that does a submit?

Answer 1

Add an onClick handler to the CheckBox that submits the form the CheckBox belongs to...quick, clickHandler codeless example:

<%= Html.CheckBox("myCB", 
    new { onClick = "$(this).parent('form:first').submit();" });

(example definitely not checked for accuracy)

Answer 2

If you have only one form, and are not using JQuery (you should be, by the way) try this:

<%= Html.CheckBox("myCB", 
new { onClick = "document.form.submit();" });

Answer 3

I would highly recommend using jQuery to support this because it makes it easier to add the behavior to a checkbox throughout your site by having the selector either be ID or class-based. Then you could put the script anywhere on the page or in an external .js file.

<script language="javascript" type="text/javascript">
  $('#myCB').click(function() { $(this).parent('form:first').submit(); });
</script>

Alternatively, the selector could be class-based (or any attribute for that matter). More info here: http://docs.jquery.com/Selectors