通过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>
查询谷 - www.chaxungu.com
通过jquery控制CheckBoxList中的选项解决办法
编辑:chaxungu时间:2022-10-02 23:16:59分类:web开发