AngularJS checkbox checked custom value

Question

I'm trying to have a box checked by default with a custom value.

Are you ready? <input type="checkbox" ng-model="checked" ng-init="checked=true" ng-true-value="sure" ng-false-value="nope"><br/>
<tt> {{checked}}</tt><br/>

If I set it to that nothing displays until I click the box. Is there a way to where it can be checked with a default value being something other than a boolean value?

hutingung · Accepted Answer · 2014-07-25 03:54:08Z

12

ng-true-value="sure". So, ng-init="checked='sure'"

Code Snippet

<input type="checkbox" ng-model="checked" ng-init="checked='sure'" ng-true-value="sure" ng-false-value="nope">

Plunkr - http://plnkr.co/edit/ejYSsyIjMZSZua9cQyv1?p=preview

answered Jul 25, 2014 at 3:54

hutingung

1,80016 silver badges26 bronze badges

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

4 Comments

Sethe23 Over a year ago

Wow, I am greatly thankful for your answer. Do you mind explaining why it requires the single quotes? Thanks!

hutingung Over a year ago

@Sethe23, angularjs will eval the ng-init expression. single quote is javascript syntax to assign value.

Sethe23 Over a year ago

I didn't know that it would be evaluate it. I should have tried that, but I couldn't find any documentation to convince me to try so.

hutingung Over a year ago

@Sethe23, :). Welcome to angularjs. Refer to docs.angularjs.org/api/ng/directive/ngInit . Type for ngInit is expression. If type is expression, angular will eval.

Collectives™ on Stack Overflow

AngularJS checkbox checked custom value

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related