ASP.NET MVC submitting form on checkbox click

Question

Is there anything special I should be doing in ASP.NET when I want to submit a form when a checkbox is clicked. This is some sample HTML I am using...

<form method="post" action="#">
                <input id="hi" class="hidden-field" type="checkbox" value="true" onclick="this.form.submit();" name="hi">hi</input>
            </form>

I tested this in JSFiddle and when you click the checkbox, it naturally posts the form. Somehow I can't get this working inside a MVC PartialView.

If it works in jsFiddle but not in your MVC view, what's different about the two? Does the input in your MVC view have a parent form? — David
– David, Commented Sep 29, 2013 at 20:53

ganders · Accepted Answer · 2021-04-24 04:23:26Z

8

Use Javascript/jQuery:

$(document).on("click", "#hi", function(){
    if ($(this).is(':checked')) {
        $('form').submit();
    }
});

All you need is to bind a function on the click event, and in that function, call submit() manually.

edited Apr 24, 2021 at 4:23

ganders

7,46018 gold badges73 silver badges117 bronze badges

answered Sep 29, 2013 at 20:49

Blaise

22.4k29 gold badges112 silver badges175 bronze badges

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

3 Comments

David James Ball Over a year ago

Thank you. Although this wasn't the exact answer it let me to figure out the solution. I was using the Foundation responsive framework and apparently the checkboxes in their form framework respond to 'onchange' not 'onclick'.

Blaise Over a year ago

Glad it is helpful to you.

NickBeaugié Over a year ago

You forgot a close bracket on the if. But otherwise, this has helped me, thanks very much!

Collectives™ on Stack Overflow

ASP.NET MVC submitting form on checkbox click

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related