<table>
<tr>
<td>性别</td>
<td><input type="radio" value="男" name="txtSsex" checked="checked" />男<input type="radio" value="女" name="txtSsex" />女</td>
</tr>
<tr>
<td>年龄</td>
<td><input type="text" value="" id="txtSage" /></td>
</tr>
<tr>
<td>爱好</td>
<td>
<input type="checkbox" name="txtShobby" value="看书" id="checkedbox1" />看书
<input type="checkbox" name="txtShobby" value="敲代码" id="checkedbox2" />敲代码
<input type="checkbox" name="txtShobby" value="找BUG" id="checkedbox3" />找BUG
<input type="checkbox" name="txtShobby" value="睡觉" id="checkedbox4" />睡觉
</td>
</tr>
<tr>
<td>班级</td>
<td><select id="S1"></select></td>
</tr>
</table>
-----绑定下拉框
$.ajax({
url: "/Home/ShowClass",
type: "get",
dataType: "json",
success: function (da) {
if (da.length > 0) {
for (var i = 0; i < da.length; i++) {
$("#S1").append("<option value='" + da[i].Cid + "'>" + da[i].Cname + "</option>");
}
}
}
})
var age = $("#txtSage").val();
var ck = "";
$(":checked[name='txtShobby']:checked").each(function () {
ck += $(this).val() + ",";
})
ck = ck.substr(0, ck.length - 1);
var cid = $("#S1").val();
url: "/Home/Fan?id=" + id,
type: "get",
dataType: "json",
success: function (da) {
var name = da[0].Sname;
var sex = da[0].Ssex;
var age = da[0].Sage;
var hobby = da[0].Shobby;
var cid = da[0].Cid;
$("#txtSname").val(name);
$(":radio[name='txtSsex'][value='" + sex + "']").attr("checked", true);
$("#txtSage").val(age);
var ck = hobby.split(',');
$(ck).each(function (index, item) {
$("[name='txtShobby'][value='" + item + "']").attr("checked", "checked");
})
}
})