Desabilitar radio buttons de valor igual
Tenho uma lista de cursos onde a pessoa deve optar pelos mesmos em ordem de preferência. Então precisava de uma comando que desabilitasse os demais campos que tenham o mesmo valor. Alguém pode me ajudar?
Abaixo o código que tentei reaproveitar, mas ele está desabilitando tudo:
<html>
<head>
<script type="text/javascript">
function id( el ){
return document.getElementById( el );
}
function habilita( el ){
id( el ).disabled = '';
}
function desabilita_todos( el, tagName ){
var tags = el.getElementsByTagName( tagName );
for( var i=0; i<tags.length; i++ )
{
tags[i].disabled = 'disabled';
}
}
window.onload = function() var radios = document.getElementsByTagName('input');
for( var i=0; i<radios.length; i++ ){
if( radios[i].type=='radio' )
{
radios[i].onclick = function(){
desabilita_todos( id('palco'), 'input' );
habilita( this.value );
}
}
}
}
</script>
</head>
<body>
<div id="palco">
<label> 1 <input type="radio" id="curso1" name="curso1" value="1" />
2 <input type="radio" id="curso1" name="curso1" value="2" />
3 <input type="radio" id="curso1" name="curso1" value="3" />
4 <input type="radio" id="curso1" name="curso1" value="4" />
Curso 1</label><br>
<label> 1 <input type="radio" id="curso2" name="curso2" value="1" />
2 <input type="radio" id="curso2" name="curso2" value="2" />
3 <input type="radio" id="curso2" name="curso2" value="3" />
4 <input type="radio" id="curso2" name="curso2" value="4" />
Curso 2</label><br>
<label> 1 <input type="radio" id="curso3" name="curso3" value="1" />
2 <input type="radio" id="curso3" name="curso3" value="2" />
3 <input type="radio" id="curso3" name="curso3" value="3" />
4 <input type="radio" id="curso3" name="curso3" value="4" />
Curso 3</label><br>
</div>
</body>
</html>Discussão (7)
Carregando comentários...