RadioButtonFor не вызывает onchange после загрузки страницы

Question

не уверен, что заголовок имеет смысл, но у меня есть код, чтобы скрыть / показать некоторые поля, когда мы выбираем радиокнопку да / нет

<div class="container" style="width:100%;margin-top:2%">
@if (Model != null)
{
    using (Html.BeginForm("NextButton_Click", "Questionnaire", FormMethod.Post))
    {
        <table class="table table-hover">
            <tbody>
                @for (int i = 0; i < Model.QuestionsPaging.Count(); i++)
                {
                    ...
                    <tr>
                        <td>
                            <p>
                                @Html.RadioButtonFor(n => n.QuestionsAnswers[index].HasAnswer, false, new { @radioIndex = i, @onchange = "CallChangefunc(this)" }) @Html.Label("No")
                                @Html.RadioButtonFor(n => n.QuestionsAnswers[index].HasAnswer, true, new { @radioIndex = i, @onchange = "CallChangefunc(this)" }) @Html.Label("Yes")
                            </p>
                            <div id="div_questions_@i" style="display:none">
                                ...
                            </div>
                        </td>
                    </tr>
                }
            </tbody>
        </table>
    }
}

<script type="text/javascript">
    function CallChangefunc(myRadioButton) {
        var divName = "div_questions_" + myRadioButton.getAttribute("radioIndex");
        var divElement = document.getElementById(divName);

        if ($(myRadioButton).val().toLowerCase() === "true") {
            if (divElement.style.display != 'inline') {
                divElement.style.display = 'inline';
            }
        } else {
            if (divElement.style.display != 'none') {
                divElement.style.display = 'none'
            }
        }
    }
</script>

Код работает нормально,Я нажимаю на кнопку радио, и она скрывает / показывает div, как и ожидалось.У меня проблема в том, что когда я загружаю форму, она выбирает RadioButton, как и ожидалось, но событие «onchange» не запускается, поэтому у меня все поля скрыты, даже если для некоторых радиокнопок установлено значение yes.

У меня нет большого опыта работы в Интернете, я не уверен, как я могу это исправить, я пробовал некоторые вещи, но не работал, любая помощь приветствуется.

Спасибо.

---

Решение : Спасибо @ jom

Я добавил "$ (': radio [id ^ =" QuestionsAnswers "]'). Trigger ('change');"и проверил, проверена ли кнопка радио, потому что ".trigger ('change')" запускает событие для каждой кнопки радио, теперь у меня есть:

<script type="text/javascript">
    $(document).ready(function () {
        $(':radio[id^="QuestionsAnswers"]').trigger('change');
    });

    function CallChangefunc(myRadioButton) {
        var divName = "div_questions_" + myRadioButton.getAttribute("radioIndex");
        var divElement = document.getElementById(divName);

        if ($(myRadioButton).val().toLowerCase() === "true" && myRadioButton.checked) {
            if (divElement.style.display != 'inline') {
                divElement.style.display = 'inline';
            }
        } else if ($(myRadioButton).val().toLowerCase() === "false" && myRadioButton.checked) {
            if (divElement.style.display != 'none') {
                divElement.style.display = 'none'
            }
        }
    }
</script>

Answer 1

Добавить $(document).ready до function CallChangefunc(myRadioButton)

Answer 2

Сделайте это для $(document).ready или перед закрывающим тегом </body>.

  $(':radio[id^="QuestionsAnswers"]').trigger('change');

  // Or attach the handlers by script instead of going through Razor engine

  $(':radio[id^="QuestionsAnswers"]').change(function () {
    CallChangefunc(this);
  });