TILDAR TODOS LOS CHECK DE UNA CHECKBOXLIST
El clásico tildar/destildar todos se logra con poco código. la clave es que todas las check-box
tengan la misma clase (en este caso es class="ch") y la que tilda todos
un id distinto id="tdp"
<head>
<script src="../scripts/jquery-3.6.4.min.js"></script>
<script>
$(document).ready(function(){
$("#tdp").click(function(evento){
if($("#tdp").prop("checked")){
$(".ch").prop("checked", true);
}else{
$(".ch").prop("checked", false);
}
});
});
</script>
<style>
table{
width:200px;
border-spacing:0px;
border: #000 solid 1px;
padding:none;
margin-top:20px;
}
td{
border: #000 solid 1px;
text-align: center;
padding-left: 5px;
}
</style>
</head>
<body>
<table>
<tr>
<td class="celdatitulo" style=" width:150px; height:20px;" >
TILDAR TODOS
</td>
<td class="celdatitulo" style="width:13px;">
<input type="checkbox" name="tdp" id="tdp" value="checkbox" />
</td>
</tr>
<tr>
<td class="celdaP" >Item 1 </td>
<td class="celdaP">
<input type="checkbox" name="dpr" value="checkbox" class="ch" />
</td>
</tr>
<tr>
<td class="celdaP">Item 2 </td>
<td class="celdaP">
<input type="checkbox" name="dpn" value="checkbox" class="ch" />
</td>
</tr>
<tr>
<td class="celdaP">Item 3</td>
<td class="celdaP">
<input type="checkbox" name="dpd" value="checkbox" class="ch" />
</td>
</tr>
</table>
</body>