Radio Button

[DLSeken 4]

Bom dia,

 

Estou com um problema. Tenho 4 títulos que fazem o candidato pontuar, porém ele só pode marcar uma opção. Quando ele marcar uma opção deve desativar as demais.

Tentei fazer de um jeito mas não está funcionando. Alguém poderia me ajudar ?

<input type='radio' name='ST_PONTUACAO_01' id='ST_PONTUACAO_01_<?$i?>' <? if($st_pontuacao_01 == $i) echo "checked='checked'";?> value='<?echo (($i)*($linha['nr_pontuacao']))?>' onclick='javascript:habilitaCursos(this.value);'><a size='1px' color='#0000FF'>
<?
// DEVE MUDAR O ARRAY DEPENDENDO DE QUAL O TÍTULO CADASTRADO PARA ELE NO ARRAY QUE DEFINE A PONTUAÇÃO QUE ESTÁ NA LINHA 270 DO CÓDIGO
             if($i == 0){
                echo 'Não';
             }
             if($i == 1){
                echo 'Sim';
             }

// 2 radio

<input type='radio' name='ST_PONTUACAO_02' id='ST_PONTUACAO_02_<?$i?>' <? if($st_pontuacao_02 == $i) echo "checked='checked'";?> value='<?echo (($i)*($linha['nr_pontuacao']))?>' onclick='javascript:habilitaCursos(this.value);'><a size='1px' color='#0000FF'>
<?
// DEVE MUDAR O ARRAY DEPENDENO DE QUAL O TÍTULO CADASTRADO PARA ELE NO ARRAY QUE DEFINE A PONTUAÇÃO QUE ESTÁ NA LINHA 270 DO CÓDIGO
            if($i == 0){
                echo 'Não';
            }
            if($i == 1){
                echo 'Sim';
            }

onde está if == 35 é o valor que o value passa.

function habilitaCursos( tipo )
{

    if ( tipo == 35 )
       {
       /*document.getElementById("TP_DEFICIENCIA").disabled=false;*/
        document.Inscricao.ST_PONTUACAO_01_.disabled="visible";
	document.Inscricao.ST_PONTUACAO_01_.disabled="";
        document.Inscricao.ST_PONTUACAO_02_.disabled="disabled";
        document.Inscricao.ST_PONTUACAO_02_.value = "";
        document.Inscricao.ST_PONTUACAO_03_.disabled="disabled";
        document.Inscricao.ST_PONTUACAO_03_.value = "";
        document.Inscricao.ST_PONTUACAO_04_.disabled="disabled";
        document.Inscricao.ST_PONTUACAO_04_.value = "";
       }
    else
       {
       /*document.getElementById("TP_DEFICIENCIA").disabled=true;*/
        document.Inscricao.ST_PONTUACAO_01_.disabled="disabled";
        document.Inscricao.ST_PONTUACAO_01_.value = "";
        document.Inscricao.ST_PONTUACAO_02_.disabled="visible";
	document.Inscricao.ST_PONTUACAO_02_.disabled="";
        document.Inscricao.ST_PONTUACAO_03_.disable="visible";
	document.Inscricao.ST_PONTUACAO_03_.disabled="";
        document.Inscricao.ST_PONTUACAO_04_.disable="visible";
	document.Inscricao.ST_PONTUACAO_04_.disabled="";
       }

    if ( tipo == 40 )
       {
       /*document.getElementById("TP_DEFICIENCIA").disabled=false;*/
        document.Inscricao.ST_PONTUACAO_01_.disabled="disabled";
        document.Inscricao.ST_PONTUACAO_01_.value = "";
        document.Inscricao.ST_PONTUACAO_02_.disabled="visible";
	document.Inscricao.ST_PONTUACAO_02_.disabled="";
        document.Inscricao.ST_PONTUACAO_03_.disabled="disabled";
        document.Inscricao.ST_PONTUACAO_03_.value = "";
        document.Inscricao.ST_PONTUACAO_04_.disabled="disabled";
        document.Inscricao.ST_PONTUACAO_04_.value = "";
       }
    else
       {
       /*document.getElementById("TP_DEFICIENCIA").disabled=true;*/
        document.Inscricao.ST_PONTUACAO_01_.disabled="visible";
	document.Inscricao.ST_PONTUACAO_01_.disabled="";
        document.Inscricao.ST_PONTUACAO_02_.disabled="disabled";
        document.Inscricao.ST_PONTUACAO_02_.value = "";
        document.Inscricao.ST_PONTUACAO_03_.disabled="visible";
	document.Inscricao.ST_PONTUACAO_03_.disabled="";
        document.Inscricao.ST_PONTUACAO_04_.disable="visible";
	document.Inscricao.ST_PONTUACAO_04_.disabled="";
       }

Alguém poderia me ajudar ?

[_Isis_ 202]

 

 

ele só pode marcar uma opção. Quando ele marcar uma opção deve desativar as demais

 

Não entendi. Isso não está agrupado em um mesmo local?

[DLSeken 4]

 

Não entendi. Isso não está agrupado em um mesmo local?

 

Aparece assim:

 

Quando ele marcar sim no item 1 tem q automaticamente marcar a opção Não para os itens 2,3 e 4. Se ele marcar sim no item 3 tem q marcar não nos itens 1,2 e 4

[William Bruno 1501]

Exemplo:

 

http://wbruno.github.io/examples/disable_inputs/

[DLSeken 4]

Exemplo:

 

http://wbruno.github.io/examples/disable_inputs/

Seria mais ou menos isso Bruno. Só que nesse exemplo tem um pequeno problema. Se o Candidato por ventura marcou a opção incorreta ele não conseguiria mudar sem ter que fazer o refresh da página. Você fez algum tutorial sobre esse código ?

[DLSeken 4]

Desculpa postar duas vezes seguidas mas consegui resolver meu problema.

 

Não estava dando certo pois tinha um problema no código php (na parte em negrito faltava colocar o = depois do <?).

 

Segue abaixo a solução:

 

input

<input type='radio' name='ST_PONTUACAO_01' onclick='javascript:disableElements(this.value);'
id='ST_PONTUACAO_01_<?=$i?>' <? if($st_pontuacao_01 == $i) echo "checked='checked'";?>
value='<?echo (($i)*($linha['nr_pontuacao']))?>' >

js

function disableElements(tipo)
{
if ( tipo == 35 ){
    document.getElementById("ST_PONTUACAO_01_0").disabled=false;
    document.getElementById("ST_PONTUACAO_01_1").disabled=false;
    document.getElementById("ST_PONTUACAO_02_0").disabled=true;
    document.getElementById("ST_PONTUACAO_02_1").disabled=true;
    document.getElementById("ST_PONTUACAO_03_0").disabled=true;
    document.getElementById("ST_PONTUACAO_03_1").disabled=true;
    document.getElementById("ST_PONTUACAO_04_0").disabled=true;
    document.getElementById("ST_PONTUACAO_04_1").disabled=true;
}
if ( tipo == 40 ){
    document.getElementById("ST_PONTUACAO_01_0").disabled=true;
    document.getElementById("ST_PONTUACAO_01_1").disabled=true;
    document.getElementById("ST_PONTUACAO_02_0").disabled=false;
    document.getElementById("ST_PONTUACAO_02_1").disabled=false;
    document.getElementById("ST_PONTUACAO_03_0").disabled=true;
    document.getElementById("ST_PONTUACAO_03_1").disabled=true;
    document.getElementById("ST_PONTUACAO_04_0").disabled=true;
    document.getElementById("ST_PONTUACAO_04_1").disabled=true;
}
if ( tipo == 45 ){
    document.getElementById("ST_PONTUACAO_01_0").disabled=true;
    document.getElementById("ST_PONTUACAO_01_1").disabled=true;
    document.getElementById("ST_PONTUACAO_02_0").disabled=true;
    document.getElementById("ST_PONTUACAO_02_1").disabled=true;
    document.getElementById("ST_PONTUACAO_03_0").disabled=false;
    document.getElementById("ST_PONTUACAO_03_1").disabled=false;
    document.getElementById("ST_PONTUACAO_04_0").disabled=true;
    document.getElementById("ST_PONTUACAO_04_1").disabled=true;
}
if ( tipo == 50 ){
    document.getElementById("ST_PONTUACAO_01_0").disabled=true;
    document.getElementById("ST_PONTUACAO_01_1").disabled=true;
    document.getElementById("ST_PONTUACAO_02_0").disabled=true;
    document.getElementById("ST_PONTUACAO_02_1").disabled=true;
    document.getElementById("ST_PONTUACAO_03_0").disabled=true;
    document.getElementById("ST_PONTUACAO_03_1").disabled=true;
    document.getElementById("ST_PONTUACAO_04_0").disabled=false;
    document.getElementById("ST_PONTUACAO_04_1").disabled=false;
}
if ( tipo == 0 ){
    document.getElementById("ST_PONTUACAO_01_0").disabled=false;
    document.getElementById("ST_PONTUACAO_01_1").disabled=false;
    document.getElementById("ST_PONTUACAO_02_0").disabled=false;
    document.getElementById("ST_PONTUACAO_02_1").disabled=false;
    document.getElementById("ST_PONTUACAO_03_0").disabled=false;
    document.getElementById("ST_PONTUACAO_03_1").disabled=false;
    document.getElementById("ST_PONTUACAO_04_0").disabled=false;
    document.getElementById("ST_PONTUACAO_04_1").disabled=false;
}
}