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

Попробуйте этот скрипт.

$(document).on("change","#wrapper input[type='radio']",function(){
    if($(this).find("input[type='radio']").prop("checked")){
        //Your Code Here
    }
});

Не нужно myMth() просто использовать это:

<input type="radio" name="radioFrequency" id="radioFrequency-0" value="Monthly (once a month)" />

Автор сценария:

 $("input[type='radio']").change(function () {
            if ($(this).val() == "Monthly (once a month)") {
                $("#ddlMth").show();
            } else {
                $("#ddlMth").hide();
            }
        });

jsfiddle

Прежде всего, вы используете jQuery для отображения и скрытия раздела div. В вашем элементе ввода вы добавили слушателя onClick, который является частью javascript. В вашем коде вы использовали метод изменения, который является частью jQuery. Таким образом, вы используете двух слушателей, которые не имеют никакого смысла.

Таким образом, вы можете решить эту проблему двумя способами.

1) используйте событие onclick в своей входной части и создайте для него сценарий

2) использовать событие click jquery (для этого вам не нужно предоставлять прослушиватели событий в элементе ввода)

примечание: событие click и change имеет много изменений в его работе.

Это подход javascript. Вы можете добиться этого по-разному. Это только один метод. Это срабатывает, когда вы нажимаете на переключатель.

<input type="radio" name="input_name" onclick="myMyth()" />


<script>
function myMth()
{
    var parentDiv=document.getElementById("ddlMth").parentNode.parentNode;  //gets the div element with class 'control-label'
    var displayStatus=parentDiv.style.display;//gets the status of display element of div
   if(displayStatus=="none")
   {
      //if display="none" make it block. so that dropdown will appear
        parentDiv.style.display="block";
   }
   else
   {
       //if display="block" make it block. so that dropdown will disappear
       parentDiv.style.display="none";
   }
}

второй подход - это jquery для этого, вам не нужно указывать каких-либо прослушивателей в элементе ввода

 <input type="radio" name="input_name" />

Здесь доступно множество решений jQuery. Используйте любой из них.

Выньте событие onclick, вы смешиваете javascript и jquery. Вам нужно что-то вроде этого:

<script>
$( function ()
{
    $("input[type='radio']").change(function() {
        if ($(this).val() == "Monthly (once a month)") {
            $("#ddlMth").show();
        }
        else {
            $("#ddlMth").hide();
        }
     });
});
</script>

Это создаст обработчик, который будет срабатывать при каждом изменении переключателя.