angularjs - Clear input fields when checkbox is checked -

i have check box , 2 input fields. either check box has checked or 2 input fields have filled in. i'm doing validation using angular i.e. ng-show, ng-required.

when checkbox checked 2 input fields disabled i.e. ng-disabled="$parent.vm.selectalldates".

now have clear data may have been entered textboxes.

the check box not checked on page load. set in controller this: vm.selectalldates = false;

is there way clear input fields when check box checked in angular?

edit i've added tried doing using example

check box:

<input name="dateselectall" type="checkbox"             ng-model="$parent.vm.selectalldates"             ng-required="vm.selectedreport.parameters.startdate == null && vm.selectedreport.parameters.enddate == null" />all available dates 

start date input:

 <input name="beginningdate" type="text" class="form-control form-field" datepicker-popup="dd-mmm-yyyy"            ng-disabled="$parent.vm.selectalldates"            ng-model="$parent.vm.selectedreport.parameters.startdate"            is-open="beginningdateopened"            ng-required="$parent.vm.selectalldates == false"            ng-change="$parent.vm.selectedreport.parameters.startdate = $parent.vm.selectalldates ? '' : $parent.vm.selectedreport.parameters.startdate"            close-text="close" /> 

end date:

 <input name="enddate" type="text" class="form-control form-field" datepicker-popup="dd-mmm-yyyy"            ng-disabled="$parent.vm.selectalldates"            ng-model="$parent.vm.selectedreport.parameters.enddate"            is-open="enddateopened" ng-change="$parent.vm.selectedreport.parameters.enddate = $parent.vm.selectalldates ? '' : $parent.vm.selectedreport.parameters.enddate"            ng-required="$parent.vm.selectalldates == false && $parent.vm.selectedreport.parameters.enddate == null"            close-text="close" /> 

one odd thing wanted see happening added

{{$parent.vm.selectedreport.parameters.startdate = $parent.vm.selectalldates ? '' : $parent.vm.selectedreport.parameters.startdate}}   

after startdate input field. when selected date, date added input field underneath input. when clicked check box, date removed input field under input field. worked! minute removed above code under input field stopped working...i wha?

the simple approach use ngchange directive on checkbox , set text input model empty string if checkbox checked. this:

<input type="text" ng-model="data.test" ng-disabled="data.check">  <input type="checkbox" ng-model="data.check" value="one"             ng-change="data.test = data.check ? '' : data.test"> 

demo: http://plnkr.co/edit/pkgui2lkp487jp0wofhf?p=preview