Question

HTML：

<asp:CheckBoxList ID="CheckBoxList1"  runat="server">
    <asp:ListItem>C++</asp:ListItem>
    <asp:ListItem>ASP.Net</asp:ListItem>
    <asp:ListItem>Javascript</asp:ListItem>
    <asp:ListItem>CSS</asp:ListItem>
    <asp:ListItem>HTML</asp:ListItem>
    <asp:ListItem>Java</asp:ListItem>
    <asp:ListItem>Other</asp:ListItem>
</asp:CheckBoxList>
<div id="idskill">
    <asp:Label  ID="lblskilldescription" runat="server">Description</asp:Label>
    <asp:TextBox ID="txbskilldescription" runat="server" Width="150px" OnTextChanged="TextBox8_TextChanged" Rows="5" TextMode="MultiLine"></asp:TextBox>
</div>

脚本：

function toggleDiv()
  {       
      $("#idskill").slideToggle("slow");
      return false;
  }

我想要的是选择Other div应该切换，取消选中它应该隐藏。

Answer 1

应该有＆＃34; onchange＆＃34;元素的监听器。至少使用JS我们使用onchange事件监听器。

Answer 2

尝试这样可能有所帮助。

function list_onclick() {
        var list = document.getElementById('CheckBoxList1');
        var inputs = list.getElementsByTagName("input");
        for (var i = 0; i < inputs.length; i++) {
            if (inputs[i].checked && inputs[i].value == "1") {
               //do your work
            }
            else{
            }
        }
    }

如何在checkboxlist项目选择上调用javascript函数

2 个答案: