in original code click checkbox enable button disabled.
this using bootstrap 3. having problems 2 jquery elements (a slider many js elements) getting in way of code worked on it's own, here example:
http://www.bootply.com/aluzoz0zxb
because of these java scripts being used sliding carousel:
<script src="js/flexslider.js"></script> <script src="js/carousel.js"></script> <script src="js/jquery.cslider.js"></script> <script src="js/slider.js"></script> it gets in way of jquery reason. wanted design code work possible pure javascript:
you need pass sort of value button indicate wheather needs enabled or not. can leveraging ng-model attribute on checkbox, , bounding it's value disabled attribute on button. this, , work
<div class="modal-footer"> <div class="checkbox"> <label> <input class="check_list" name="check_list[]" type="checkbox" ng-model="checkboxmodel.value1"> accept terms </label> </div> <button type="button" class="btn btn-default" data-dismiss="modal">close</button> <button type="button" class="btn btn-primary" id="btn1" disabled={{checkboxmodel.value1}}>accept terms</button> </div> 