单选框与复选框数据回填

2024-06-05 06:27:12

单选框与复选框数据回填

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

开发工具：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">楼       号：</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 });

}

});

单选框与复选框数据回填相关推荐

html:(19):单选框，复选框，下拉列表框
使用单选框.复选框,让用户选择在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户 ...
Vue指令 v-for遍历、下拉列表、单选框、复选框
4 .v-for遍历 4.1 遍历数组中的对象格式:v-for="item in list" 里面也可以返回下标格式:v-for="(item.index) in l ...
vue.js实现单选框、复选框和下拉框
Vue.js可以很方便的实现数据双向绑定,所以在处理表单,人机交互方面具有很大的优势.下边以单选框.复选框和下拉框为例介绍他们在HTML和Vue.js中的具体实现方式. 一.单选框在传统的HTM ...
使用单选框、复选框，让用户选择
一.引言 html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户可以任意选择多项,甚至全选. 二.语法对应语法: <input type=&quo ...
单选框（单选）、复选框（多选）
1. 1)radio:单选框(单选) 2)checkbox:多选框(多选) 语法:<input type="radio/checkbox" value=& ...
HTML 单选框和复选框的使用过程的一些错误
在开始学习radio的用法的时候,觉得很简单,但在用的时候,却不知道怎么进行单选,后来查了很长时间才明白其中的道理,其中,name的值是要相等的,这里的值是什么值都可以,只要相等就行 <inpu ...
纯css写单选框和复选框的样式和功能
只用纯css写的单选框和复选框的样式和功能该怎么写?看这里,复制下面的代码运行一遍就知道了,快试试吧! 效果截图: <!doctype html> <html lang=" ...
css美化单选款、复选框
一款美化单选款.复选框的样式支持度: Chrome Firefox Safari Opera IE9 && IE9+ 代码: <!DOCTYPE html> <ht ...
单选按钮带文字_一分钟教会你用Word添加单选框和复选框
又到学习Word技巧的时候啦!学了这么长时间,你的技能点有没有增加呢?对表格的使用有没有更加熟练了?是否很好奇别人家的表格是怎么弄成可以单选框和复选框的效果呢~~~~下面让小编带你解锁新姿势~ 效果图 ...

最新文章

热门文章