Jquery select multiple checkboxes with .selectable

Question

I am a little bit confused with Jquery .selectable. What I need to do, is to make an area that contains checkboxes to be selectable (I'm ok up to here) and then check which of the selected checkboxes are already checked (so I can uncheck them), of check them if they are not.

$("#calContainer").selectable({
    filter: 'checkbox',
    selected: function(event, ui) {
        // need code for:
        // for every checkbox in selected area thats is checked, uncheck
        // for every checkbox in selected area thats is not checked, check
    }
});

Any help is appreciated. Thanks.

charlietfl · Accepted Answer · 2012-03-13 22:32:24Z

6

I would suggest wrapping your checkboxes in labels

Here's a working demo

http://jsfiddle.net/skeR4/1/

answered Mar 13, 2012 at 22:32

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

1 Comment

charlietfl Over a year ago

@gdoron drag mouse down side of checkboxes , will highlight the labels..then he wants checkboxes to flip checked property

gdoron · Accepted Answer · 2012-03-13 21:45:24Z

1

I never heard of selectable plugin, but to get the checked checkboxes:

$('input[type="checkbox"]:checked')

answered Mar 13, 2012 at 21:45

gdoron

151k59 gold badges302 silver badges376 bronze badges

5 Comments

gdoron Over a year ago

@Spiros. Couldn't see there selected option. What're you trying to do exactly, put it in the filter?

mspir Over a year ago

If you go to the events tab (below the example): $( ".selector" ).selectable({ selected: function(event, ui) { ... } });

gdoron Over a year ago

@Spiros. Can you please create a JSFiddle. It is really hard to understand what is the problem you're facing.

charlietfl Over a year ago

@gdoron.. had troubles too, figured it out, didn't think would work but turned into interesting UI

mspir Over a year ago

Thanks. I was going to send you this link - jsfiddle.net/spairus/7CGpW/20 - explaining what I need, but @charlietfl already got the answer. +1 for trying :)

Collectives™ on Stack Overflow

Jquery select multiple checkboxes with .selectable

2 Answers 2

1 Comment

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related