Estoy intentado poner en una página que carga un listado de resultados, con un checkbox cada uno, mostrado con AngularJS, un checkbox que al hacer click, marque todos los checkbox del listado. Para ello, he creado este checkbox así:
<input title="Marcar todos" id="sf_admin_list_batch_checkbox" type="checkbox" onclick="checkAll();" />
Luego recorro la variable que almacenará el Json que llega desde el action (var JsonData)
<tr ng-repeat="item in data">
<input type="checkbox" ng-model="item.checked" class="sf_admin_batch_checkbox">
Por último intento crear una función para que marque todos, pero no logro que funcione:
<script type="text/javascript">
function checkAll()
{
$scope.data = {};
$scope.checkAll = function () {
if ($scope.selectedAll) {
$scope.selectedAll = true;
} else {
$scope.selectedAll = false;
}
angular.forEach($scope.Items, function (item) {
item.Selected = $scope.selectedAll;
});
}
}
</script>
El problema es que no sé que poner en el $scope.data
No sé si voy bien encaminado
Un saludo. Gracias
Actualmente tengo el input
<input title="Marcar todos" id="sf_admin_list_batch_checkbox" type="checkbox" onclick="checkAll();" />
y un script que ha dejado de funcionar al modificar el input del bucle
<script type="text/javascript">
function checkAll()
{
var boxes = document.getElementsByTagName('input'); for(var index = 0; index < boxes.length; index++) { box = boxes[index]; if (box.type == 'checkbox' && box.className == 'sf_admin_batch_checkbox') box.checked = document.getElementById('sf_admin_list_batch_checkbox').checked } return true;
}
</script>