Javascript对DropDownListField很好用，但对RadioButtonList就不行。问题在哪里？

Question

我对CSHTML中的javascript有一个问题。当我使用DropDownListField时，它就像一种魅力。

        @Html.Editor("Bod2List", "DropDownListField", new
            {
                items = new List<SelectListItem>() {
                    new SelectListItem() { Text = "uvádím v komentářích k jednotlivým ustanovením v návrhu smlouvy", Value = "ne"},
                    new SelectListItem() { Text = "chci změnit následující", Value = "ano"} },
                    label = "Vyberte z možností",
                required = true
                })
        
    </div>
    <div class="form-group" id="Bod2Section" style="display:none">
        @Html.EditorFor(m => m["Bod2TextBox"], "StringField", new { placeholder = "Ustanovení (odkaz na čl. a odst. Smlouvy): + požadovaná změna", multiline = true })
    </div>

脚本部分：

<script type="text/javascript">

 $("#Bod2List").change(function () {
        var SelectedValue = $('#Bod2List').val();
        if (SelectedValue == "ano")
            $("#Bod2Section").slideDown(300);
        else
            $("#Bod2Section").slideUp(300);
    })

</script>

我想将DropDownListField更改为RadioButtonList，但当我这样做时，我的脚本根本不起作用。有人能帮我吗？

多谢

Answer 1

从单选按钮列表访问所选值与下拉列表访问所选值有些不同。我希望下面的片段给出了一个想法...

<select id="idSelectList">
    <option value="1">1</option>
    <option value="2" selected>2</option>
    <option value="3">3</option>
</select>

<div id="idRadioList">
    <input type="radio" value="1">
    <input type="radio" value="2" checked>
    <input type="radio" value="3">
</div>

var selectedDropDownOption = $("#idSelectList").val();

// :checked css selector to be used for getting checked radio button
// Without this, the snippet always gives first radio button's value
var checkedRadioButton = $("#idRadioList input[type=radio]:checked").val();

Answer 2

<script type="text/javascript">

 $("#Bod2List").on("change", function () {
        var SelectedValue = $('#Bod2List').val();
        if (SelectedValue == "ano")
            $("#Bod2Section").slideDown(300);
        else
            $("#Bod2Section").slideUp(300);
    })

</script>