radio 选中和取Repeater里的CheckBox未选中的值

最新推荐文章于 2025-08-06 17:35:44 发布

原创最新推荐文章于 2025-08-06 17:35:44 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #function #server #asp #class #string

本文介绍了一个航班搜索界面的设计与实现过程，包括单选按钮、复选框及隐藏字段的使用，通过JavaScript实现了对用户选择项的动态响应与提交功能。

<p id="flyType"> <input type="radio" value="1" name="flyType" /><label>单</label> <input type="radio" value="2" name="flyType" /><label>往</label> <input type="radio" value="3" name="flyType" /><label>联</label> </p> $("#flyType input[type='radio']").get(0).checked = true;

--------------------------

取 Repeater 里的 CheckBox 没选中的值赋值到 HiddenField 拼成' 1_2_3_ '

<div class="moreFlySearch"> <dl id="someFlyOp"> <dd> <p>选择到达</p> <ul style="display: block;" mce_style="display: block;"> <asp:Repeater ID="rptEndAT" runat="server" onitemdatabound="rptEndAT_ItemDataBound" > <ItemTemplate><li> <asp:CheckBox ID="chkID" Checked="true" runat="server" /> <label><%#Eval("AirportName")%></label> <asp:HiddenField ID="hidValue" Value='<%#Eval("EndAT") %>' runat="server" /> </li> </ItemTemplate> </asp:Repeater> </ul> </dd> <dd> <p>选择您喜欢的航空公司</p> <ul> <asp:Repeater ID="rptAirCompany" runat="server" onitemdatabound="rptAirCompany_ItemDataBound" > <ItemTemplate> <li> <asp:CheckBox ID="chkID" Checked="true" runat="server" /> <label><%#Eval("AirName")%></label> <asp:HiddenField ID="hidValue" Value='<%#Eval("AirCode") %>' runat="server" /> </li> </ItemTemplate> </asp:Repeater> </ul> </dd> <dd> <p>选择您喜欢的机型 </p> <ul> <asp:Repeater ID="rptPlaneType" runat="server" onitemdatabound="rptPlaneType_ItemDataBound" > <ItemTemplate> <li> <asp:CheckBox ID="chkID" Checked="true" runat="server" /> <label><%#Eval("PlaneType")%></label> <asp:HiddenField ID="hidValue" Value='<%#Eval("PlaneType") %>' runat="server" /> </li> </ItemTemplate> </asp:Repeater> </ul> </dd> </dl> <input type="hidden" name="hidEndAT" id="hidEndAT" value="" /> <input type="hidden" name="hidPlaneType" id="hidPlaneType" value="" /> <input type="hidden" name="hidAirCompany" id="hidAirCompany" value="" /> <input type="hidden" name="orderby" id="flyOrder" value="<%=strOrderby %>" /> <input type="hidden" name="FlightType" id="FlightType" value="<%=strFlightType %>" /> </div>

//-------- aspx.cs --------- string[] Week = new string[7] { "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六" }; DateTime newDate = DateTime.Now.Date; "<li class='active'>" + Week[Convert.ToInt32(newDate.AddDays(i).DayOfWeek)] + "<span>" + newDate.AddDays(i).ToString("yyyy-MM-dd") + "</span></li>"; //页面代码 <ul class="weekList" id="weeks"> <%Response.Write(GetNDate(strStartDate, 7));%> </ul> //JS日期单独选择 function weeks() { var wk = $("#weeks li"), wVal; wk.click(function() { if ($(this).attr("class") == "active") { return false; } else { wVal = $(this).find("span").html(); submitDate(wVal); } }) } function submitDate(StartDate) { $("#StartDate").val(StartDate); var _t = check(); if(_t == true){ $("#form1").submit(); }else{ return false; }