Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

gmps

[Resolvido] marcar checkbox e habilitar radios

Por , em Javascript

Recommended Posts

gmps    0

gmps
Postado

galera, eu quero que quando clicar no checkbox habilitar os radio e quando desmarcar o checkbox, desabilitar os radio

 

<tr>
    <td align="center" width="15%" class="Texto"><input type="checkbox" name="check1" id="check1" onclick="HabDes('check1','radio1');"></td>
    <td align="left" width="65%" class="Texto">1 - Apostilas</td>
    <td align="center" width="20%" class="Texto"><input type="radio" name="radio1" value="sim" disabled>Sim    <input type="radio" name="radio1" value="nao" disabled>Não</td>
</tr>

ai tentei via JS

function HabDes(check, radio)
{
	var x = document.getElementById(check).checked;	

alert(document.getElementById(radio).value);

	if(x == true)
	{
		document.getElementById(radio).disabled = false;

	}
}

a validação do "x" funciona, mas para habilitar os radio nao

 

obs: tenho varias linhas nesse mesmo estilo, um checkbox com os radio

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

exemplo

<html>
<head>
<script type="text/javascript">
function habilita_radios( check, id_td_radios )
{
	var radios = document.getElementById( id_td_radios ).getElementsByTagName('input');
	for( var i=0; i<radios.length; i++ )
	{
		radios[i].disabled = check.checked ? '' : true;
	}
}
</script>
</head>
<body>
	<table>
		<tr>
			<td><input type="checkbox" name="check1" onclick="habilita_radios( this, 'radio1');"></td>
			<td>1 - Apostilas</td>
			<td id="radio1">
				<input type="radio" name="radio1" value="sim" disabled="disabled" />Sim    
				<input type="radio" name="radio1" value="nao" disabled="disabled" />Não
			</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="check1" onclick="habilita_radios( this, 'radio2');"></td>
			<td>2 - Tutoriais</td>
			<td id="radio2">
				<input type="radio" name="radio2" value="sim" disabled="disabled" />Sim    
				<input type="radio" name="radio2" value="nao" disabled="disabled" />Não
			</td>
		</tr>
		<tr>
			<td><input type="checkbox" name="check1" onclick="habilita_radios( this, 'radio3');"></td>
			<td>3 - Livros</td>
			<td id="radio3">
				<input type="radio" name="radio3" value="sim" disabled="disabled" />Sim    
				<input type="radio" name="radio3" value="nao" disabled="disabled" />Não
			</td>
		</tr>
	</table>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

pra ficar mais fácil selecionar os radios correspondentes.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito