En una tabla listo los usuarios traidos de una base de datos, y para validar que un usuario esta activo o inactivo uso un SWITCHE (on/off)
...
.done(function(rest) {
let resp = $.parseJSON(rest);
let output = '';
resp.map((e, key) => {
// Aqui valido si el usuario esta activo o inactivo
resp[key]['estado'] != 0 ? output = "<input type='checkbox' class='item' checked >" : output = "<input type='checkbox' class='item'>";
$('.tusers').append(`<tr>
<td>${resp[key]['codigocurso']}</td>
<td>${resp[key]['nombre']}</td>
<td>${resp[key]['email']}</td>
<td>${resp[key]['id']}</td>
<td>
<div class='switch' onclick='idUser(${resp[key]['id']})'>
<label>
Inactivo
${output}
<span class='lever'></span>
Activo
</label>
</div>
</td>
<td><button class='btn waves-light red'>Eliminar</button></td>
</tr>`);
})
})
function idUser(id){
let checked;
$(".item").change(function() {
if($(this).is(":checked")) {
checked = true;
}
else {
checked = false;
}
$.ajax({
url: 'http://localhost/conexion/controllers/HomeClass.php/updatestate',
type: 'POST',
data: {'id': id, 'checked' : checked}
})
.done(function(resp) {
console.log(resp);
})
.fail(function() {
console.log("error");
});
})
}
PROBLEMA Cuando voy actualizar el estado de un usuario con el switch, me cambia el estado de todos los usuario de diferentes maneras.
Se puede observar que al momento de cambiar un switche
cambia el estado de los demas en el script, ¿como validar el cambio de un solo switch si afectar a los demas?