通过jquery控制CheckBoxList中的选项解决办法

通过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>