angular-checkgroup

Demos

Custom Radio Buttons

Selected Value: Radio A Radio B Radio C

          Selected Value: <input type="text" ng-model="demoRadio1">
          <div checkgroup="demoRadio1">
            <check value="Radio A">Radio A</check>
            <check value="Radio B">Radio B</check>
            <check value="Radio C">Radio C</check>
          </div>
          <div>
            <button ng-click="select('demoRadio1', ['Radio B'])">Select B</button>
            <button ng-click="select('demoRadio1', ['Radio A','Radio B'])">Select A, B</button>
          </div>

Custom Radio Buttons with Default Value

Selected Value: Radio A Radio B Radio C

          Selected Value: <input type="text" ng-model="demoRadio2">
          <div checkgroup="demoRadio2">
            <check value="Radio A">Radio A</check>
            <check checked="true" value="Radio B">Radio B</check>
            <check value="Radio C">Radio C</check>
          </div>

Custom Multiple Check Buttons

Selected Value:

Select All Select None A B C

          Selected Value: <input type="text" ng-model="demoMultiple1">
          <div checkgroup="demoMultiple1" check-multiple="true">
            <check check-type="all">Select All</check>
            <check check-type="none">Select None</check>
            <check value="A">A</check>
            <check value="B">B</check>
            <check value="C">C</check>
          </div>
          <div>
            <button ng-click="select('demoMultiple1', ['B'])">Select B</button>
            <button ng-click="select('demoMultiple1', ['A','B'])">Select A, B</button>
          </div>

Custom Multiple Check Buttons with Default Value

Selected Value:

Select All Select None A B C

          Selected Value: <input type="text" ng-model="demoMultiple2">
          <div checkgroup="demoMultiple2" check-multiple="true">
            <check check-type="all">Select All</check>
            <check check-type="none">Select None</check>
            <check value="A">A</check>
            <check value="B" checked="true">B</check>
            <check value="C" checked="true">C</check>
          </div>