チェックボックスがオフになっています

Question

いいえ、フォームをクリアしようとしていますが、checkbox changesに依存しています。 clear formと正常に動作しています。しかし、probemは私のチェックボックスはチェックされていません。そのすべてのソリューションですか？事前に感謝し、私の悪い英語のために申し訳ありません。

$(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

これを達成する1つの方法は、フォームをリセットした後、あなたはまた、再び値を設定することができます。

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

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

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