Question

单选按钮无法正常工作。在第一部分中，从控制器创建一个下拉列表，在更改下拉项目时，在$ .json中返回一个列表，我想将每个列表项目显示为单选按钮标签。以下是我的代码

 <div class="col9 last">
        @Html.DropDownList("PaymentModelddl", new SelectList(listItems, "Value", "Text"))
    </div
<div class="col9 right last" id="PlanNames">

            </div>



<script>
$(document).ready(function () {
    $('#PaymentModelddl').change(function () {

        var ModelValue = $(this).val();
        //alert(ModelValue+"");
        if (ModelValue > 0) {
            $.getJSON('/AccountInfoTemp/TestJSON/' + ModelValue, function (result) {
                var ddl = $('#PlanNames');
                ddl.empty();
                var d = "";
                $(result).each(function () {
                    d += "<input type='radio' name='radio' style='display:block; float:left;' />"
                        + "<span class='label'>" + this.Name + "</span><div class='clear'></div>";
                });

                d += ""
                ddl.html(d);
            });
        }
    });

});

Answer 1

尝试$.each()：

$.each(result, function(idx, item) {
    d += "<input type='radio' name='radio' style='display:block; float:left;' />"
      + "<span class='label'>" + item.Name + "</span><div class='clear'></div>";
});

从jquery创建单选按钮

1 个答案: