如何在复选框列表项选择上调用 javascript 函数

How to call javascript function on checkboxlist item selection

本文关键字：调用 javascript 函数 选择 复选框 列表      更新时间：2023-09-26

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;
  }

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

元素应该有"onchange"侦听器。至少使用 JS，我们使用 onchange 事件侦听器。

像这样尝试可能会有所帮助。

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{
            }
        }
    }
相关文章：