jquery - 在复选框列表更改时使用 jquery 选择或取消选择复选框列表项

Question

我的页面上有一个 Asp.net 复选框列表控件 (id:MyChklst)，在选择更改时我正在调用 Jquery 函数。

但问题是我想根据 on-change 函数中的一些验证取消选中或更改项目的颜色。

以下是我正在使用的代码

jQuery函数：

        $('#MyChklst').on('click', ':checkbox', function () {
            if ($(this).is(':checked')) {
                 alert($(this).val());  // Working
                // alert($(this).text());  Not Working
                //$(this).css("background-color");  Not Working
                //$(this).attr('checked','false'); Not Working
            }
        });

请帮助我，并在此先感谢

Answer 1

试试看：

• 确保您使用的是控件的 clientID，并确保“MyChklst”是控件 ID：

<asp:CheckBoxList runat="server" ID="MyChklst">

• 定位复选框旁边的标签，Firefox/Chrome > Inspect 以查看 asp.net 如何呈现最终的 HTML。
• 使用 [prop] ：http ://api.jquery.com/prop/

$(document).ready(function () {
    $('#<%=MyChklst.ClientID %>').on('click', ':checkbox', function () {
        if ($(this).is(':checked')) {
            alert($(this).val());  
            alert($(this).next('label').text()); 
            $(this).next('label').css("background-color","yellow"); 
            $(this).prop('checked',false); 
        }
    });
});