JQuery checked item CheckBoxList

Question

I try to checked specific item in CheckBoxList with JQuery client side in user control?

<asp:SqlDataSource ID="SqlDataSource1" runat="server" 
    ConnectionString="<%$ ConnectionStrings:AppCon %>"     
    SelectCommand="SELECT DesF, val, DesGrpId FROM dbo.tblDes WHERE (DesGrpId = @DesGrpId)">    
</asp:SqlDataSource>

<asp:CheckBoxList ID="CheckBoxList1" runat="server" DataTextField="DesF" DataValueField="val"
    DataSourceID="SqlDataSource1">

a quick recommandation: Move away from this style of writing T-SQL code inside your UI markup. Refer to: asp.net/web-forms/overview/… — tugberk
– tugberk, Commented Sep 7, 2013 at 10:10

Serjik · Accepted Answer · 2013-09-07 10:54:40Z

7

Server side Control:

<asp:CheckBoxList ID="ChkList" runat="server">
    <asp:ListItem Text ="a" Value="1"></asp:ListItem>
    <asp:ListItem Text ="b" Value="2"></asp:ListItem>
    <asp:ListItem Text ="c" Value="3"></asp:ListItem>
</asp:CheckBoxList>

Client Side Code:

<script type="text/javascript">
    $(function () {
        var str = "1,2";
        var list = $('#<%= ChkList.ClientID%> input');
        list.each(function (index) {
            item = $(this);
            if (str.indexOf(item.val()) != -1) {
                item.attr('checked', true);
            }
        });
    });
    </script>

edited Sep 7, 2013 at 10:54

answered Sep 7, 2013 at 10:48

Serjik

11.1k8 gold badges64 silver badges72 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

शेखर · Accepted Answer · 2013-09-07 10:07:40Z

2

Are you trying to get all the checked items using jQuery? If so just use

var checkedItems = $('#parentDivOfCheckBox').find('input:checked');

edited Sep 7, 2013 at 10:07

शेखर

17.6k14 gold badges64 silver badges123 bronze badges

answered Sep 7, 2013 at 10:05

user2621192

1 Comment

user2621192 Over a year ago

In that case you have to do something like this $('#chkListParent').find('input:checkbox').each(function(){ if(this.val == 'something') { $(this).attr('checked','checked');}; });

Collectives™ on Stack Overflow

JQuery checked item CheckBoxList

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related