Originariamente inviata da
lucavizzi
Ho scritto una versione che consente di gestire enne gruppi di radio:
codice:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento senza titolo</title>
<style type="text/css">
#table_id td{
background:#ccc;
}
</style>
<script type="text/javascript">
window.onload=function(){
var radio=document.querySelectorAll('#table_id input[type="radio"]');
for(var i=0; i<radio.length; i++){
radio[i].onclick=checkRow;
}
}
function checkRow(event){
var radio=event.target;
var tr=radio.parentNode.parentNode;
var tds=tr.querySelectorAll('td');
for(var i=0; i<tds.length; i++){
tds[i].style.backgroundColor='#ccc';
}
radio.parentNode.style.backgroundColor='#fff';
}
</script>
</head>
<body>
<table id="table_id">
<tr>
<td><input type="radio" name="myradio" value="1"></td>
<td><input type="radio" name="myradio" value="2"></td>
</tr>
<tr>
<td><input type="radio" name="myradio2" value="1"></td>
<td><input type="radio" name="myradio2" value="2"></td>
</tr>
</table>
</body>
</html>
Per comodità ho usato la versione 3 del DOM quindi potrebbe avere problemi di retro-compatibilità con i browser non aggiornati.
@KillerWorm da un post su CSS di Valeria89 si evince che ci sono più gruppi di radio.
Rispondi quotando
