Получение SelectedIndexChanged событие checkboxlist с использованием JavaScript

Question

У меня есть элемент управления checkboxlist в одном из веб-приложений. Я хочу использовать JavaScript для обработки события SelectedIndexChanged.

Список флажков похож на

<asp:CheckBoxList ID="CheckBoxList1" runat="server">
    <asp:ListItem>One</asp:ListItem>
    <asp:ListItem>Two</asp:ListItem>
    <asp:ListItem>Three</asp:ListItem>
    <asp:ListItem>Four</asp:ListItem>
    <asp:ListItem>Five</asp:ListItem>
</asp:CheckBoxList> 

Как я могу получить событие SelectedIndexChanged, используя JavaScript?

Answer 1

На стороне сервера .. положить следующее ..

CheckBoxList1.Attributes.Add("onclick", "ChangeCheckBox();");

В разделе JavaScript на стороне клиента реализуйте следующую функцию

function ChangeCheckBox() {}

Answer 2

Вы можете использовать ниже код

  document.getElementById('CheckBoxList1').onchange = function () {
                var input = document.getElementById('CheckBoxList1').getElementsByTagName("input")
                for (var i = 0; i < input.length; i++) {
                    if (input[i].type == "checkbox") {
                        if (input[i].checked == true) {
                            alert(input[i].value);//Get all the checked checkboxes
                        }
                    }
                }
            }