Как выбрать переключатель после блока отображения div?

Question

Вот мой код:

HTML:

<span id="opc1"> <input type="radio" name="radio_relatorio" id="tipo_relA" value="A"> A </span> 
<span id="opc2"> <input type="radio" name="radio_relatorio" id="tipo_relS" value="S"> S </span> 

Javascript:

$("select[name=tprel]").change(function() { 
    document.getElementById("tpbaixa").selectedIndex = 0; 
    muda_label_datas($(this).val()); 
    if($(this).val() == 18) 
    { 
     $("#opc2").css("display","block"); 
     $("#opc1").css("display","none"); 

     $("#tipo_relS").attr('checked', true); 
    } 
    else 
    { 
     $("#opc2").css("display","none"); 
     $("#opc1").css("display","block"); 

     $("#tipo_relS").attr('checked', false); 
    } // it's an large function, but that's what matter 
    }); 

Там в два радио под функцией изменения, #tipo_relS и #tiporelA. Радио #tiporelA проверяется на функцию onload. Когда значение опции равно 18, радио #tiporelA не отображается, а #tiporelS - это блок отображения.

Мне нужно будет проверить эту радиокнопку #tiporelS, в то время как #tiporelA показывается, но ничего не работает.

Answer 1

Как я уже сказал в своем комментарии, вы не указали описание и код! Следовательно, чисто основанный на предположении, я придумал это.

• При погрузке tipo_relA проверяется и tipo_relS скрыт.
• При замене блока выбора с именем tprel, когда значение равно 18, tipo_relA скрыто и отображается tipo_relS.
• Показанная радиостанция отмечена и скрыт.

Демо:

$("select[name=tprel]").change(function() { 
 

 
    $("#opc2, #opc1").addClass("hidden"); 
 
    $(":radio").prop('checked', false); 
 

 
    if($(this).val() == 18) { 
 
     $("#opc2").removeClass("hidden"); 
 
     $("#tipo_relS").prop('checked', true); 
 

 
    } else { 
 
     $("#opc1").removeClass("hidden"); 
 
     $("#tipo_relA").prop('checked', true); 
 
    } 
 
}).change();

.hidden { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<span id="opc1"> 
 
    [tipo_relA] <input type="radio" name="radio_relatorio" id="tipo_relA" value="A" /> 
 
</span> 
 
<span id="opc2" class="hidden"> 
 
    [tipo_relS] <input type="radio" name="radio_relatorio" id="tipo_relS" value="S" /> 
 
</span> 
 

 
<select name="tprel"> 
 
    <option value=""></option> 
 
    <option value="18">18</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
</select>

Answer 2

Вы можете попробовать:

$("#tipo_relS").attr('checked', true); 

Answer 3

Хитрость здесь вы должны отобразить кнопку радио, нажмите или проверить его тогда rehide все это в одной и той же функции. Пользователь не увидит изменения, но это позволит браузеру выбрать значение и будет достаточно быстрым, чтобы он был невидим для пользователя.