динамически отображать текстовое поле при выборе переключателя

Question

У меня есть это представление

@if (@Model.QuestionType == 2)
{
<div data-role="fieldcontain">
    @using (Html.BeginForm("SaveRadio", "GetQuestion", Model))
    {
        @Html.AntiForgeryToken() 
        <fieldset data-role="controlgroup">
            <label id="l2" for="select-choice-1" class="select">@Model.QuestionText
            </label>
            <br />
            @foreach (var item in Model.Options)
            {

                if (@item.OptionText == "Other")
                {
                    <input type="radio" name="selectedObjects" id="@item.OptionText" value="@item.OptionNumber" onclick="selectRadio(@Model.QuestionNo);" />
                    <input type="text" id="@(Model.QuestionNo)_rtxt" style="visibility:hidden;" />
                }
                else
                {
                    <input type="radio" name="selectedObjects" id="@item.OptionText" value="@item.OptionNumber" />
                }

                <label for="@item.OptionText">
                    @item.OptionText</label> 
            }
            <br />
        </fieldset>
        <p>
            <input type="submit" id="radio_textsubmit" value="Next" />
        </p>
    }
</div>
}

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

я записан в JS как

     function selectRadio(radio) {
        alert(radio);
    }

, что вообще не вызывает событие selectRadio.мне нужно заключить его в форму?

Я делаю это в MVC3.Какое решение для этого.

любая помощь?

Спасибо.

Answer 1

Вам нужно запустить событие jquery для события щелчка мышью радиокнопки. вот код jquery

 $(document).ready(function () {
        $("#radioButtonID").click(function (e) {
            var radioButtonID = $("#radioButtonID").val();

            if (radioButtonID == 1) {
                $("#TextBoxId").css("visibility","visible");
            }
            else{
                $("#TextBoxId").css("visibility","hidden");
            }

Это вам поможет