单选框与复选框数据回填

单选框与复选框数据回填

··························································

开发工具：Visual Studio 2015

关键技术：C#MVC、JavaScript

作者：邵亮华

撰写时间：2019-02-24

··························································

刚开始的时候不大会单选框与复选框的数据回填，特地写下好好铭记这来之不易的错误

HTML

<div><label class="radio-inline"><input type="radio" name="Sex"  id="sex1" >男</label>

<label class="radio-inline"><input type="radio" name="Sex" id="sex2">女</label></div>

<div class="form-group form-txt">

    <div class="col-lg-3 col-md-3 col-sm-3 text-center">

    <b class="control-label">楼&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：</b>

      </div>

     <div class="col-lg-8 col-md-8 col-sm-8 reset">

         <select class="form-control" id=" FloorNumID " name="FloorNumID"></select>

      </div>

 </div>

Js

$.post("URL=" + check[0].value, function (data) {

                        if (data != null) {

                       $.ajaxSettings.async = false;//取消异步

单选框数据回填

                if (data[0].Sex == "M") {

                    $("#sex1").attr("checked", "checked");

                } else{

                    $("#sex2").attr("checked", "checked");

                }

下拉框数据回填

$.getJSON("URL", function (data) {//empty():清空

                    $("# FloorNumID ").empty();

                    $("# FloorNumID ").append("<option value=" + 0 + ">" + "----请选择----" + "</option>");

                    //console.log(data);

                    $.each(data, function (i) {

                        $("# FloorNumID ").append("<option value=" + data[i].id + ">" + data[i].name + "</option>");

                    });

             });

$("# FloorNumID ").val(data[0]. FloorNumID);

                        }

                        else {

                            layer.alert("未查找到数据！", { icon: 2 });

                        }

             });