开始逐步补充下相关Web知识,很多年没搞了....
2018-09-20 17:34
393 查看
<script type="text/javascript"> $(function(){ ShowProduct(); $("#ShowUserInfo").click(function(){ ShowProduct(); }); }); function ShowProduct(){ if( $("#ShowUserInfo").prop("checked")){ $("#div1").show(); }else{ $("#ShowProductInfo").attr("checked",false); $("#div1").hide(); } } </script>
<div style="margin: 10px 3px;" id="div"> <label><a href="#" class="Param"><span class="glyphicon "></span></a>会员详情</label> <input type="checkbox" style="vertical-align: middle;" value="1" <%=ShowUserInfo.Equals("1")?"checked=\"checked\"":"" %> id="ShowUserInfo" name="ShowUserInfo" /> </div> <div style="margin: 10px 3px;" id="div1"> <label><a href="#" class="Param"><span class="glyphicon "></span></a>产品信息</label> <input type="checkbox" style="vertical-align: middle;" value="1" <%=ShowProductInfo.Equals("1")?"checked=\"checked\"":"" %> id="ShowProductInfo" name="ShowProductInfo" /> </div>
html
checkbox int 格式和bool格式 以及无格式的
<tr> <td class="Center"> 品牌类型 </td> <td style="padding-left:20px; "> <div style="font-size:13px;"> <input id="Brand" name="Brand" type="checkbox" value="0" <%=this.Model.Brand.ToInt() == 0?"checked=checked":"" %> /> <label for="chkBrand"><span >自主品牌</span></label> <input id="ThirdBrand" name="ThirdBrand" type="checkbox" value="1" <%=this.CurrentModel.Brand.ToInt() == 1?"checked=checked":"" %> /> <label for="ThirdBrand"><span>合作品牌</span></label> </div> </td> </tr>
public int? Brand { get; set; }
public bool IsBrand { get; set; }
public bool IsThirdBrand{ get; set; }
public int Brand { get; set; }
public int ThirdBrand { get; set; }
单个
<tr> <th><span">是否激活</span></th> <td > <input id="IsActive" name="IsActive" type="checkbox" value="True" <%=this.Model.IsActive?"checked=checked":"" %> /> </tr>
<tr>
<td class="Center"> 品牌类型 </td> <td style="padding-left:20px; "> <div style="font-size:13px;"> <input id="Brand" name="Brand" type="checkbox" value="0" <%=this.Model.IsBrand.ToBool()?"checked=checked":"" %> /> <label for="chkBrand"><span >自主品牌</span></label> <input id="ThirdBrand" name="ThirdBrand" type="checkbox" value="1" <%=this.Model.IsThirdBrand.ToBool()?"checked=checked":"" %> /> <label for="ThirdBrand"><span>合作品牌</span></label> </div> </td> </tr>
<tr> <td class="Center"> 品牌类型 </td> <td style="padding-left:20px; "> <div style="font-size:13px;"> <input id="Brand" name="Brand" type="checkbox" value="0" <%=this.Model.Brand?"checked=checked":"" %> /> <label for="chkBrand"><span >自主品牌</span></label> <input id="ThirdBrand" name="ThirdBrand" type="checkbox" value="1" <%=this.Model.ThirdBrand?"checked=checked":"" %> /> <label for="ThirdBrand"><span>合作品牌</span></label> </div> </td> </tr>
/// <summary> /// 转换成为Bool格式 /// </summary> /// <param name="src">输入对象</param> /// <returns>Bool</returns> public static bool ToBool(this object src) { if (src == null || src == DBNull.Value) { return false; } return src.ToString().ToUpper() == "TRUE"; } /// <summary> /// 转换成int类型 /// </summary> /// <param name="src"> /// </returns> public static int ToInt(this object src) { var _Return = 0; if (src != null) { int.TryParse(src.ToString(), out _Return); } return _Return; }
radio
<tr> <th ><span langtext="langmailtemplate">给个评价呗</span> </th> <td > <img alt="" style="margin-left: 3px; margin-right: 3px;" src="/Images/haopin.png" /> <input id="Radio1" name="EvaluateType" type="radio" value="16" <%=this.Model.EvaluateType.ToInt() == 1||this.Model.EvaluateType.ToInt() == 0?"checked=checked":"" %> /> <label for="Radio1" style="font-size: 14px; height: 30px; color: #f00;"> <span langtext="langseltype-0">大赞一个</span> </label> <img alt="" style="margin-left: 3px; margin-right: 3px; width: 30px; height: 30px" src="../Images/wuxing.png" /> <input id="Radio2" name="EvaluateType" type="radio" value="2" <%=this.Model.EvaluateType.ToInt() == 2?"checked=checked":"" %> /> <label for="Radio2" style="font-size: 14px; height: 30px; color: #f00;"> <span langtext="langseltype-1">五星好评</span> </label> <img alt="" src="/Images/yanshifahuo.png" /> <input id="Radio3" name="EvaluateType" type="radio" value="3" <%=this.Model.EvaluateType.ToInt() == 3?"checked=checked":"" %> /> <label for="Radio3" style="font-size: 14px; height: 30px; color: #f00;"> <span langtext="langseltype-2">延迟发货</span></label> </td> </tr>
RadioButtonList
<tr> <th> 退款类型: </th> <td colspan="4"> <asp:RadioButtonList runat="server" ID="ddlRefund" RepeatDirection="Horizontal" RepeatLayout="Flow"> <asp:ListItem Value="1" Selected="True">线上退款</asp:ListItem> <asp:ListItem Value="2">线下汇款</asp:ListItem> <asp:ListItem Value="3">帐户退款</asp:ListItem> </asp:RadioButtonList> </td> </tr>
DropDownList控件的使用
<tr> <th> 退款类型: </th> <td colspan="4"> <select id="ddlAliPayRefundType" runat="server"> <option value="0">无退款</option> <option value="1">未发货退款</option> <option value="2">已发货退款</option> <option value="3">部分退款</option> <option value="4">全额退款</option>
<option value="5">货物丢失退款</option>
</select> </td> </tr>
checkbox bool类型 和int类型的 用法
<td style="padding-left:20px; "> <div > <input type="checkbox" name="IsSelfBrand" id="IsSelfBrand" value="True" <%=this.Model.IsSelfBrand.ToBool()? "checked=checked" : "" %> /><label for="chkIndependentBrand"><span langtext="langmanually">自主品牌</span></label> <input id="IsOtherBrand" name="IsOtherBrand" type="checkbox" value="True" <%=this.Model.IsOtherBrand.ToBool()?"checked=checked":"" %> /> <label for="chkThirdPartyBrand"><span langtext="langautomatic">第三方合作品牌</span></label> <input id="chkManualModel" name="SendModel" type="checkbox" value="0" <%=this.Model.SendModel.ToInt() == 0?"checked=checked":"" %> /> <label for="chkManualModel"><span langtext="langmanually">手动档</span></label> <input id="chkAutoModel" name="SendModel" type="checkbox" value="1" <%=this.Model.SendModel.ToInt() == 1?"checked=checked":"" %> /> <label for="chkAutoModel"><span langtext="langautomatic">自动档</span></label> </div> </td>
用jQuery 选中复选框 控制文本框可输入状态
if ($("#IsDays").prop("checked")) { var TextDay = $("#Days").val(); if (TextDay == "") { window.parent.Alert("提示信息", "请输入天数!"); return false; } } //控制控件是否可输入事件 $("#IsDays").click(function () { if ($(this).prop("checked")) { $("#Days").numberbox({ disabled: false }); } else { $("#Days").numberbox({ disabled: true }); } }); <input type="checkbox" name="IsDays" id="IsDays" style="vertical-align: -2px;" <%--<%=Model.IsDays ? "checked=checked" : "" %>--%> /> <span >生产天数≥ </span> <input type="text" class="easyui-textbox" id="Days" name="Days" style="width: 150px;" disabled="disabled" value="<%=Model.Days %>" /> <span>天</span>
设置输入框禁用启用,可能会出现无法获取序列化值 特别在修改值的时候 无法获取到赋值信息
建议用这个
$("#IsDays").click(function () { if ($(this).prop("checked")) { $('#Days').textbox('textbox').attr('readonly', false); //建议用这个 } else { $('#Days').textbox('textbox').attr('readonly', true); //建议用这个 } });
用 disabled 可以 以下使用方式 即可控制
<%=Model!=null &&Model.Days>0 ? "" : "disabled='disabled'" %> <%--disabled="disabled"--%>
列表绑定信息显示:
<!--列表 开始--> <div class="listing-list"> <table cellpadding="0" cellspacing="0" border="0" width="100%" class="datagrid-htable"> <thead class="datagrid-header"> <tr class="datagrid-header-row"> <%--<td style="width: 6%; text-align: center;"> <input onclick="$.rb_allchoose(this)" type="checkbox" /> </td>--%> <td style="width: 8%; text-align: center;">支付订单号<a class="rb-sort" asc="id_asc" desc="id_desc"></a> </td> <td style="width: 12%; text-align: center;">支付类型 </td><td style="text-align: center;">支付信息内容 </td> <td style="text-align: center;">支付会员信息 </td> <td style="text-align: center;">支付时间 </td> </tr> </thead><tbody id="Tbody" class="datagrid-body"> <% Models.ForEach(model =>
{ %> <tr style="background-color:<%= Models.IndexOf(model) % 2 == 0 ? "#FFF" : "#EEEEFF" %>"> <td class="tdcenter"> <%=model.ID %></td> <td class="tdcenter"> <%if (model.PayType == 1) {%>支付宝支付<%} else if (model.PayType == 2) { %>微信支付<%} else {%> 银联支付 <%} %> </td> <td ><%=model.PayInfo %> </td><td class="tdcenter"><%=model.UserName %></td> <td class="tdcenter"><%=model.AddTime %> </td> </tr> <% }); %> </tbody> </table> </div> <!--列表 结束-->
相关文章推荐
- Web自动化测试相关知识点(仅限于补充)
- Web客户端语言HTML、XHTML和XML相关知识介绍
- WEB的相关知识总结
- 自己总结的web前端知识体系大全【欢迎补充】
- 开始学习.net和php相关知识。
- 开始整理测试相关的知识
- 移动WEB像素相关知识
- web缓存相关知识(转)
- 封装相关知识(不断补充中)
- Web缓存相关知识整理
- WEB集群相关知识
- Shader相关的基础数学知识整理(持续补充
- web相关基础知识3
- 自己总结的web前端知识体系大全【欢迎补充】
- 从零开始学 Web 之 移动Web(一)屏幕相关基本知识,调试,视口,屏幕适配
- 自己总结的web前端知识体系大全【欢迎补充】
- 封装相关知识(不断补充中)
- webview相关的知识
- 电商之梳理jenkins相关知识---web部署工具
- webapp开发要点记录-iphone 各机型相关知识