Javascript 无法在angular js中将复选框重置为未选中

我想在表单提交后重置表单中的所有字段。除复选框外，所有字段均正确重置；它们不是未检查的，而是保持检查状态

请检查我用

AngularJS

编写的代码。如果用户单击“保存”按钮，则将调用saveUser（）。在这个方法中，我调用reset（）方法重新初始化表单

但复选框不会被取消选中：

 <form class="form-horizontal" ng-submit="registerUser.$valid && saveUser()" name="registerUser"  ng-controller="createEmpController" formSubmitted novalidate>
              <div class="box-body">
              <div class="form-group">
                  <label class="col-sm-4 control-label"  for="fullName">FullName</label>
                  <div class="col-sm-6">
 <input type="text" placeholder="FullName"  class="form-control" name="fullName" ng-model="fullName" ng-minlength="5" ng-maxlength="20" required>
                  <span>
                    <p ng-show="registerUser.fullName.$error.minlength" class="help-block" style="color:red">Full name is too short.</p>
                    <p ng-show="registerUser.fullName.$error.maxlength" class="help-block" style="color:red">Full name is too long.</p>
                  </span>
                  </div>
                </div>
                <div class="form-group has-feedback">
                  <label class="col-sm-4 control-label" for="inputEmail3">Email</label>
                  <div class="col-sm-6">
                    <input type="email" placeholder="Email"  class="form-control" name="email" ng-model="email" ensure-unique="email" autocomplete="off" required>
                  <span>
                    <p ng-show="registerUser.email.$pending.unique" class="help-block" style="color:red;">Checking please wait...</p>
                    <p ng-show="registerUser.email.$error.unique" class="help-block" style="color:red;">This email already exist</p>
                </span>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-4 control-label" for="inputPassword3">Password(Temporary)</label>
                  <div class="col-sm-6">
                    <input type="text" placeholder="Password" id="inputPassword3" class="form-control" ng-model="password" required name="password" ng-minlength="5" ng-maxlength="20">
                  <span>
                    <p ng-show="registerUser.password.$error.minlength" class="help-block" style="color:red">Password is too short.</p>
                    <p ng-show="registerUser.password.$error.maxlength" class="help-block" style="color:red">Password is too long.</p>
                  </span>
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-4 control-label" for="EmployeeId">EmployeeID</label>
                  <div class="col-sm-6">
                    <input type="text" placeholder="Employee ID" id="EmployeeId" class="form-control" ng-model="empId" name="empId" required ng-minlength="5" ng-maxlength="20">
                     <span>
                    <p ng-show="registerUser.empId.$error.minlength" class="help-block" style="color:red">EmpId is too short.</p>
                    <p ng-show="registerUser.empId.$error.maxlength" class="help-block" style="color:red">EmpId is too long.</p>
                  </span>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-4 control-label" for="EmpRole">EmpRole</label>
                  <div class="col-sm-6">
                    <select class="form-control" ng-model="empRole" ng-options="values for values in empRolesList" required name="empRole">
                        <option value="">--select--</option>
                        <option value="DataEntry">DataEntry</option>
                        <option value="ExecutiveManager">ExecutiveManager</option>
                        <option value="Executive">Executive</option>
                    </select>
                    <p ng-show="registerUser.empRole.$dirty && registerUser.empRole.$error.required" class="help-block" style="color:red">EmpRole is required</p>
                  </div>
                </div>
                <div class=" form-group">
                  <label class="col-sm-4 control-label" >Skill set</label>
                  <div class="checkbox col-sm-6">
                    <label ng-repeat="technology in technologies" >
                                  <input type="checkbox" ng-model="skill"  ng-click="check($index,skill,technology)" ng-true-value="true"
              ng-false-value="false">{{technology}} &nbsp;&nbsp;  
                    </label>

                  </div>
                </div>
              </div><!-- /.box-body -->
              <div class="box-footer">
                <button class="btn btn-default" type="reset" id="resetSave" ng-click="reset">Cancel</button>

                <button class="btn btn-info pull-right" type="submit" ng-disabled="registerUser.$invalid || skillSet==0" >Sign in</button>
              </div><!-- /.box-footer -->
            </form> 

JS:

for (var int = 0; int < len; int++) {
    document.getElementById("xxxx_" + int).checked=false;
}

<label ng-repeat="technology in technologies" >
<input type="checkbox" id="xxxx_{{$index}}" ng-model="skill"  ng-click="check($index,skill,technology)" ng-true-value="true"
              ng-false-value="false">{{technology}} &nbsp;&nbsp;  
</label>

for（var int=0；int

HTML:

for (var int = 0; int < len; int++) {
    document.getElementById("xxxx_" + int).checked=false;
}

<label ng-repeat="technology in technologies" >
<input type="checkbox" id="xxxx_{{$index}}" ng-model="skill"  ng-click="check($index,skill,technology)" ng-true-value="true"
              ng-false-value="false">{{technology}} &nbsp;&nbsp;  
</label>

{{技术}