javascript - mvc .net 表单提交复选框标签在 Internet Explorer 中不起作用

Question

在我的 .NET MVC 应用程序中，我有一个表单。该表单包含一个带标签的复选框。如果按下此按钮，它会触发更新数据库值(true/false)的 Controller 方法

在 Chrome 中一切正常。在 IE 中，它仅在单击复选框时起作用，而不是在其标签时起作用。

<form class="form-horizontal" method="POST" 
 action="/Cards/UpdateCard">

//(Other labels that is not editable)

     <div class="col-xs-12 col-md-3 checkbox">
          <label onclick=" this.form.submit(); " id="xs-lighter">
                @if (paymentCard.AutomaticEmailEnabled)
                {
                    <input class="" type="checkbox" name="SelectedSources" checked="checked" onclick=" this.form.submit(); ">
                }
                else
                {
                    <input class="" type="checkbox" name="SelectedSources"  onclick=" this.form.submit(); ">
                }
                Automatic send mail
           </label>
     </div>
</form>

如何更改它以在 Chrome 和 IE 中工作？

Answer 1

用 jquery 试试这个

$('#xs-lighter').click(function() {
 $("#form1").submit();
});

<form class="form-horizontal" method="POST" 
 action="/MyCards/UpdatePaymentcard" id="form1">

//(Other labels that is not editable)

     <div class="col-xs-12 col-md-3 checkbox">
          <label id="xs-lighter">
                @if (paymentCard.AutomaticEmailEnabled)
                {
                    <input class="" type="checkbox" name="SelectedSources" checked="checked" onclick=" this.form.submit(); ">
                }
                else
                {
                    <input class="" type="checkbox" name="SelectedSources"  onclick=" this.form.submit(); ">
                }
                Automatic send mail
           </label>
     </div>
</form>