Creating A Checkbox In Select List with AngularJS or Javascript

Question

I am looking for a multi select checkbox solution similiar to this one: http://blog.cbolson.com/mooselect-select-list-2-sliding-checkbox-list/

I am NOT looking for something n JQuery, so please no JQuery answers. Dos this already exist in AngularJS or raw Javascript or what is some guidance on how to make something like this?

Stepan Suvorov · Accepted Answer · 2014-03-01 14:35:21Z

3

it's just custom component that you can create yourself, nothing complex. it's more about html-markup, but not javascript.

For example AngularJS solution:

<div ng-controller="main">
    <div ng-click="toggle()"> {{count}} options selected</div>  
<div ng-show="showOptions">
    <label ng-repeat="option in options">{{option}}<input type="checkbox" ng-model="selected[$index]" ng-change="update()"/><br/></label>
  </div></div>

http://jsfiddle.net/STEVER/mhb2p/

answered Mar 1, 2014 at 14:35

Stepan Suvorov

26.3k27 gold badges117 silver badges179 bronze badges

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

Comments

Vinay Pratap Singh Bhadauria · Accepted Answer · 2014-03-01 14:39:55Z

0

I think you can use some libraries for this. This is dropdown-check-list one which you can use.

You can also find the test cases here.

answered Mar 1, 2014 at 14:39

Vinay Pratap Singh Bhadauria

9,9873 gold badges30 silver badges50 bronze badges

Collectives™ on Stack Overflow

Creating A Checkbox In Select List with AngularJS or Javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related