md-checkbox single check in angular js

Question

I have problem on md-checkbox.
I need to use single selection of check but I couldn't make it.
I referred md-radio-button for groupings but I don't want to use radio button.

Below is my code:

<ul>
    <li>
        <md-checkbox ng-model="data1"  aria-label="Checkbox 1">
            Full Time
        </md-checkbox>
    </li>
    <li>
        <md-checkbox ng-model="data2" aria-label="Checkbox 1">
            6AM - 12 PM
        </md-checkbox>
    </li>
    <li>
        <md-checkbox ng-model="data3" aria-label="Checkbox 1">
            12PM - 9PM
        </md-checkbox>
    </li>
</ul>

Can anyone help me.

Devansh J · Accepted Answer · 2018-04-21 19:09:13Z

1

I think what you want is md-radio-group functionality but with checkboxes.

To achieve this you can use ng-true-value, ng-false-value and a change handler (to make sure atleast one checkbox is checked):

<md-checkbox ng-model="data" ng-true-value="'data1'" ng-false-value="false" ng-change="!data && (data='data1')">

Here's a fiddle : https://jsfiddle.net/d2fev8ey/33/

edited Apr 21, 2018 at 19:09

answered Apr 21, 2018 at 18:35

Devansh J

4,27215 silver badges26 bronze badges

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

12 Comments

Santhosh Over a year ago

Excellent Thank you

Devansh J Over a year ago

@Santhosh Welcome! :) Can you also upvote or atleast accept my answer?

Devansh J Over a year ago

@Santhosh I think you are new on StackOverflow... Here you are supposed to accept the answer which worked for you... So I am not asking for a favour.... I am asking for what I deserve...

Santhosh Over a year ago

Hi Devansh i can't upvote because as i am new to stackoverflow. Thanks i will update when i got reputation in this account.

Devansh J Over a year ago

@Santhosh but you can still accept the answer if not upvote because you are the asker... Give it a try... If it doesn't work let me know...

|

Collectives™ on Stack Overflow

md-checkbox single check in angular js

1 Answer 1

12 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

12 Comments

Your Answer

Sign up or log in

Post as a guest

Related