Question

美好的一天，我正在尝试清除表单取决于checkbox changes。它与clear form一起正常工作。但是我没有勾选我的复选框。任何解决方案吗？提前谢谢，抱歉我的英语不好。

$(document).ready(function() {

  $("#general").change(function() {
    $('.form-horizontal').trigger("reset");
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<fieldset class="group-border">
  <legend class="group-border">Form</legend>
  <form class="form-horizontal" method="post">
    <div class="form-group">
      <label class="col-sm-3 control-label">Transaction No</label>
      <div class="col-sm-6">
        <input type="text" readonly required autocomplete="off" name="shippingno" id="shippingdoc" class="form-control" />
      </div>
      <div class="checkbox">
        <label>
          <input id="general" type="checkbox">General
        </label>
      </div>
    </div>

    <div class="form-group">
      <label class="col-sm-3 control-label">Reference</label>
      <div class="col-sm-6">
        <input type="text" required autocomplete="off" name="shippingno" id="shippingdoc" class="form-control" />
      </div>
      <button class="btn btn-submit" id="reference" type="button">...</button>
    </div>
    <div class="form-group">
      <label class="col-sm-3 control-label">Document No</label>
      <div class="col-sm-6">
        <input type="text" required autocomplete="off" name="docno" class="form-control" />
      </div>
    </div>

  </form>
</fieldset>

Answer 1

实现此目的的一种方法是，您还可以在重置表单后重新设置值。

$(function () {
    $("#general").on('change', function () {
        var $cb = $(this),
            isChecked = $cb.prop('checked');

        $('.form-horizontal').trigger("reset");

        $cb.prop('checked', isChecked);
    })
})

复选框未选中

1 个答案: