Check Uncheck CheckBox on Button Click with Button Text in ASP.Net MVC

Last Reply 5 months ago By chetan

Posted 5 months ago

I have button: Turn Email On and checkbox(which is unchecked) on side of that button.

When i click Turn email on button,it should call action method of controller where i have to write SP to update the email table.
like update tablename set isemailon_off=1 where isemailon_off=0.

Email table have one field: isemailon_off(int type).i inserted value 0 into it.

So, Turn email on button's text will become turn email off and checkbox becomes checked.

How to achieve this using Mvc?
Any help will be highly appreciated.

Turn Email ON (button) Checkbox(unchecked)
                                ||
                           BECOMES

Turn Email Off (button) Chekbox(checked)

You are viewing reply posted by: chetan 5 months ago.
Posted 5 months ago

Finally worked..:)

        <div class="col-md-8 form-group" style="text-align:right;">
            <input type="button" value="Turn Email ON" class="btn btn-success" id="btnturnemailonoff" />
        </div>
        <div class="col-md-2 form-group">
            <input type="checkbox" id="Chkemailonoff" />
        </div>
        <script type="javascript">             
            $(document).ready(function () {
                $('#btnturnemailonoff').on('click', function () {                    
                    var checked = !$(this).data('checked');
                    $("#Chkemailonoff").prop('checked', checked);
                    $(this).val(checked ? 'Turn Email Off' : 'Turn Email on')
                    $(this).data('checked', checked);
                    debugger;
                    var url = '@Url.Action("CheckEmail", "BillingDetails")';
                    $.ajax({
                        url: url,
                        type: "POST",
                        data: { checkemails: checked },
                        dataType: "json",
                        // traditional: true,
                        success: function () {
                            alert("ajax request to server succeed");
                        }
                    });
                });
            }); 
        </script>

Update model from the database...  

Controller code:

        [HttpPost]
        public ActionResult CheckEmail(string checkemails)
        {           
            //calling Stored Procedure
            if (!string.IsNullOrWhiteSpace(checkemails))
            {
                var checkemails1 = new SqlParameter("checkemails", checkemails);
                db.Database.ExecuteSqlCommand("EXEC Sp_Email_on_off @checkemails", checkemails1);
            }

            return new JsonResult { };
        }

Thank u so much Sir for the Help...highly appreciated...:)