通过jquery控制CheckBoxList中的选项
- HTML code
<div> <asp:CheckBoxList ID="chktest" runat="server"> <asp:ListItem Value="1">控制TextBox1显示/隐藏</asp:ListItem> <asp:ListItem Value="2">控制TextBox2显示/隐藏</asp:ListItem> </asp:CheckBoxList> <asp:TextBox ID="textBox1" runat="server"></asp:TextBox> <asp:TextBox ID="textBox2" runat="server"></asp:TextBox> </div>
[解决办法]
- JScript code
<script language="javascript" type="text/javascript"> $(function() { $("#chktest input[type=checkbox]").eq(0).click(function() { if ($(this).attr("checked")) { $("#textBox1").show(); } else { $("#textBox1").hide(); } }); $("#chktest input[type=checkbox]").eq(1).click(function() { if ($(this).attr("checked")) { $("#textBox2").show(); } else { $("#textBox2").hide(); } }); }); </script>