数据库查出的数据与表单数据对应:
HTML代码:
<label class="col-sm-2 control-label steplabel">设备类型</label>
<div class="col-sm-2">
<input type="radio" value="0" name="pyType" checked="checked">普通服务器
<input type="radio" value="1" name="pyType">刀片式服务器<br/>
<input type="hidden" name="typeInput" id="typeInput"><span></span></div>
JS代码: $("input[name=pyType]").val([item.pyBasic.deviceType]);
获取单选按钮的值: var pyType=$('input[name="pyType"]:checked').val();
获取下拉框的文本值: var pyRock = $("#pyRock").find("option:selected").text();
标题栏切换:HTML代码:
<ul>
<li><a class="navnkxz" href="javascript:void(0);" onclick="new WLFWQ().sbpz(this)" id="btnsbpz">设备配置</a></li> <li><a href="javascript:void(0);" onclick="new WLFWQ().xnjfp(this)" id="btnxnjfp" >虚拟机分配</a></li> <li><a href="javascript:void(0);" onclick="new WLFWQ().xn(this)" id="btnxn">性能</a></li>
<li><a href="javascript:void(0);" onclick="new WLFWQ().rlly(this);" id="btnrlly">容量来源</a></li> <li><a href="javascript:void(0);" onclick="new WLFWQ().hba(this);" id="btnhba" >HBA列表</a></li> <li><a href="javascript:void(0);" onclick="new WLFWQ().tpst(this);" id="btntpst">拓扑视图</a></li> </ul>
JS代码: $(__obj).addClass("navnkxz");
$(__obj).parent().siblings().each(function (i, o) {
$(o).find("a").removeClass("navnkxz");
});