Флажок не отмечен

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); 
    }) 
})