.net表单提交复选框标签在Internet Explorer中不工作

mvc .net form submit checkbox-label not working in Internet Explorer

本文关键字：Explorer 工作 Internet 表单提交 复选框 标签 net      更新时间：2023-09-26

在我的。net MVC应用程序中，我有一个表单。此表单包含一个带标签的复选框。如果这个被推送，它会触发一个控制器方法来更新一个db值(true/false)

一切工作很好在铬。在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工作?

用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>
相关文章：