JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
tweaked now work on office 365 checkboxes
</p>
<div ng-repeat="item in ActiveUserData.ListModel track by $index" class="">
<!-- ngInclude: '../AdminPortal/Users/UserListItemTemplate' --><div ng-include="'../AdminPortal/Users/UserListItemTemplate'" class="">
<div class="gridRow pnl-no-dimiss" ng-style="getRowCss(item)" id="user_list_07c4ab10-4ad0-44d1-9d65-aeee70be20a6" style="background-color: transparent;">
<div>
<div class="userLight listViewRow">
<div class="ms-ChoiceField f-choice" data-hint="Users" data-value="SelectItem">
<input id="selectUser_07c4ab10-4ad0-44d1-9d65-aeee70be20a6" class="ms-ChoiceField-input dataListField ng-valid ng-dirty ng-valid-parse ng-touched" type="checkbox" ng-model="item.isChecked" ng-change="UpdatedSelectedUsers(item)" tabindex="0" aria-checked="false" aria-invalid="false">
<label for="selectUser_07c4ab10-4ad0-44d1-9d65-aeee70be20a6" class="ms-ChoiceField-field"></label>
</div>
<div class="listViewRowInfo f-disp-inblck f-pad-left-25px" o365-panel-directive="" panel-template-url="../AdminPortal/Users/UserItemDetailsTemplate" panel-type="user" selecteditem="{"DisplayName":"claire.laurent","SyncType":"In cloud","DirSyncEnabled":false,"UserPrincipalName":"compte.46@recrutement-6.club","ObjectId":"07c4ab10-4ad0-44d1-9d65-aeee70be20a6","FirstName":"claire","LastName":"laurent","DeletedTime":null,"Initials":"CL","InitialsColor":"#D83B01","UserStatus":"Office 365 Business...
JavaScript
$('[ng-repeat*="item"] input[type="checkbox"]').change(function() {
$(this).closest('[ng-repeat*="item"]').nextAll('[ng-repeat*="item"]:lt(3)').find('[type="checkbox"]').prop('checked', this.checked);
});