Question

I am using ASP.net for a program with a number of check boxes and a submit button which initiates an action depending on the selected check boxes.

However, one of my check boxes should behave as this submit button, i.e, upon selecting/deselecting this check box, the same action as the button must be triggered. Can someone please help me in doing this (or perhaps direct me to a tutorial)

I have a controller class and model.

Thanks you

EDIT
The program look like:

@using(Html.BeginForm("controllername", FormMethod.Get)) {
     @html.CheckBox("check1");
     @HTMl.Checkbos("check2");
     <input type="submit" value="Submit" />
}

Everything else is pretty much handled in the controller.

Answer 1

You can use javascript to listen to the check event of your check box and then invoke the form submit.

Assuming your markup of view is like this

<form id="yourFormId" action="user/post">
  <input type="checkbox" class="optionChk" value="1" /> One
  <input type="checkbox" class="optionChk" value="2" /> Two
  <input type="checkbox" class="optionChk" value="3" /> Three
</form>
<script type="text/javascript">
  $(function(){
    $(".optionChk").click(function(){
      var item=$(this);
      if(item.val()=="2")   //check your condition here
      {
         item.closest("form").submit();
      }
    });
  });
</script>

EDIT : As per the question edit.

Change the CheckBox Helper method usage like the below to add a css class to the checkbox so that we can use that for the jQuery selection.

 @Html.CheckBox("check1",new { @class="optionChk"})