Bienvenido a FDW.
Sí es posible. Una de las maneras de hacerlo es delegando una función a cada celda cuando se dé un clic en ellas, en donde tomarás al
radiobutton que contiene y verificarás si está marcado o no para así marcarlo o desmarcarlo mediante la propiedad
checked
.
Por ejemplo:
Código Javascript
:
Ver originaldocument.addEventListener("DOMContentLoaded", function(){
[].forEach.call(document.querySelectorAll("table td"), function(td){
td.addEventListener("click", function(){
var radio = this.querySelector("[type=radio]");
if (radio.checked){
radio.checked = false;
}
else{
radio.checked = true;
}
}, false);
});
}, false);
Una vez que hayan cargado los elementos del documento, recorremos al conjunto de celdas de la tabla presente en el mismo. En cada iteración, delegamos una función a cada celda para cuando se dé un clic en cada una de ellas. En dicha función, tomo al elemento de tipo "radio" que posee y verifico si está marcado; de ser así, lo desmarco, caso contrario, lo marco.
Esa verificación (la condición) también puede ir en una sola línea utilizando
operadores ternarios:
Código Javascript
:
Ver originalradio.checked = radio.checked ? false : true;
Saludos