如果第三个控件的值发生变化,则清除其他两个控件 - 使用 Javascript
我有两个文本框和一个复选框
txtExpiryDate--使用 ajaxCalenderExtender
txtDaysToExpire
chkExpired --复选框
我无法解决的问题是,如果上述三个控件中的 任何一个控件中的值发生更改(在客户端),则应清除其他两个控件。
就像如果在 中选择了一个日期txtExpiryDate
,其他两个控件的值应该被清除为:txtDaysToExpire.Text="";
和chkExpired.Checked = false
.. 同样如果chkExpired.Checked = true
,那么其他两个应该被清除.. 希望它可以清楚地理解.. 请看一下标记-向上
<td colspan="2" rowspan="2">
<asp:UpdatePanel ID="upnlExpiry" runat="server" UpdateMode="Conditional">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="txtExpiryDate" EventName="TextChanged" />
<asp:AsyncPostBackTrigger ControlID="txtDaysToExpire" EventName="TextChanged" />
<asp:AsyncPostBackTrigger ControlID="chkExpired" EventName="CheckedChanged" />
</Triggers>
<ContentTemplate>
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="leftaligntxt">
<tr>
<td width="44%" align="left">
Expiry Date
</td>
<td colspan="2">
<asp:TextBox ID="txtExpiryDate" runat="server" OnTextChanged="txtExpiryDate_TextChanged"></asp:TextBox>
<ajaxToolkit:CalendarExtender ID="calExtExpiryDate" runat="server" Format="dd/MM/yyyy"
PopupButtonID="imgBtnCal" TargetControlID="txtExpiryDate">
</ajaxToolkit:CalendarExtender>
<asp:ImageButton ID="imgBtnCal" runat="server" ImageAlign="AbsMiddle" ImageUrl="~/App_Themes/FQBlue/img/Calendar_img.png" />
</td>
</tr>
<tr>
<td width="44%">
Days to Expire
</td>
<td valign="top">
<asp:TextBox ID="txtDaysToExpire" runat="server" Width="80px" OnTextChanged="txtDaysToExpire_TextChanged"
></asp:TextBox>
<ajaxToolkit:NumericUpDownExtender ID="txtDaysToExpire_NumericUpDownExtender" runat="server"
Maximum="15000" Minimum="0" TargetControlID="txtDaysToExpire" Width="100">
</ajaxToolkit:NumericUpDownExtender>
</td>
<td>
<asp:CheckBox ID="chkExpired" runat="server" Text="Show Expired" AutoPostBack="True"
OnCheckedChanged="chkExpired_CheckedChanged" />
</td>
</tr>
<tr>
<td>
</td>
<td colspan="2">
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</td>