使用复选框列表更改中的jquery选择或取消选中checkboxlist项

时间:2014-08-07 09:48:53

标签: jquery asp.net checkboxlist selectlistitem

我的页面上有一个Asp.net checkboxlist控件(id:MyChklst),选择更改后我调用了Jquery函数。

但问题是我想根据变更功能中的某些验证取消选中或更改项目的项目颜色。

以下是我正在使用的代码

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

请帮助我,并提前致谢

1 个答案:

答案 0 :(得分:1)

试试:

  • 确保您使用控件的clientID,并确认“MyChklst”是控件ID:
<asp:CheckBoxList runat="server" ID="MyChklst">
  • 定位复选框旁边的标签,Firefox / Chrome&gt;检查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); 
        }
    });
});