JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script src="//code.jquery.com/jquery-2.2.4.min.js"></script>

<body>

<script>
var app = angular.module("myShoppingList", []); 
app.controller("myCtrl", function($scope) {
		// With pure angularjs (although angular has jqLite integrated)
    var pureElement = angular.element(document.getElementsByName("WAIVE_CHARGES"));
    pureElement.css('width','50px');
    pureElement.css('height','26px');
    
    // With angular+jquery
    //var domElement = angular.element("input[type='checkbox'][name='WAIVE_CHARGES']");
    //domElement.css('width','30px');
    //domElement.css('height','26px');
});
</script>

<div ng-app="myShoppingList" ng-controller="myCtrl">

<input class="form-control form-chk" type="checkbox" dirctrl="" name="WAIVE_CHARGES" ng-model="data[ctl.target_column]" ng-required="ctl.required" ng-true-value="'YES'" ng-false-value="'NO'" ng-disabled="Disable" ng-change="Handle_Change();"> Sample Checkbox

</div>

</body>