添加Bootstraptoggle复选框时损坏

时间:2018-08-02 15:21:16

标签: jquery twitter-bootstrap-3

感谢这里的帮助,我能够解决一些问题,并确定最大的问题是(对我而言)bootstraptoggle。

此代码有效 (选中时发送表格并接收复选框,toggle_disabled()也可以使用)

<form action="xxx.php>
<div class="checkbox">
  <label>
    <input type="checkbox" id="add_email_user" name="add_email_user" value="ja" onclick="toggle_disabled()">
    Verstuur melding ook per e-mail naar collega.
  </label>
</div>
<div class="checkbox">
  <label>
    <input type="checkbox" id="add_email_relatie" name="add_email_relatie" value="ja" disabled>
    Verstuur een kopie van deze melding naar de relatie.
  </label>
</div>
</form>

<script type="text/javascript">
function toggle_disabled() {
  if(document.getElementById("add_email_user").checked)
    document.getElementById("add_email_relatie").disabled = false;
  else 
    document.getElementById("add_email_relatie").disabled = true;
}
</script>

但是,当我在复选框中添加bootstraptoggle时,toggle_disabled()会停止工作,并且在发送表单时不会收到复选框。 这是应用了bootstraptoggle的代码。任何建议都非常感谢。

<div class="checkbox">
  <label>
    <input type="checkbox" id="add_email_user" name="add_email_user" value="ja" data-toggle="toggle" data-size="small" data-on="Ja" data-off="Nee" onclick="toggle_disabled()">
    Verstuur melding ook per e-mail naar collega.
  </label>
</div>
<div class="checkbox">
  <label>
    <input type="checkbox" id="add_email_relatie" name="add_email_relatie" value="ja" data-toggle="toggle" data-size="small" data-on="Ja" data-off="Nee" disabled>
    Verstuur een kopie van deze melding naar de relatie.
  </label>
</div>

0 个答案:

没有答案