AngularJS Printing text if checkbox is checked

Question

I am trying to print text on the page in a <h1> tag depending on whether a check box is checked or not.

$scope.EmailMe = function(email) {
    if($scope.emailchecked == 1) {
        $scope.test = "emailSent";
    } else {
        $scope.test = "nothing";
    }
    }

HTML is :

        <input type="checkbox" ng-model="emailchecked" ng-change="EmailMe(1)">
        <h1> @{{test}} </h1>

I have the text printing but the checkbox is not being checked. or allowing for change please help :)

@NishanthMatha the checkbox can now be checked :). But unfortunately the text is no longer printing. I know my code is messy im new to angular, is there a better approach to check if something is checked? — seus
– seus, Commented Apr 14, 2016 at 2:19
@PankajParkar I know that may be missing but I'm unsure of how it should be there — seus
– seus, Commented Apr 14, 2016 at 2:25

Pankaj Parkar · Accepted Answer · 2016-04-14 11:20:34Z

1

Use ng-true-value & ng-false-value, so that will give you 1/0 value based on selection.

<input type="checkbox" ng-model="emailchecked"
  ng-true-value="1" 
  ng-false-value="0" 
  ng-change="EmailMe(emailchecked)">

Demo Plunkr

Even if you don't use ng-true-value, but that would not kept you model value to 0/1. By default checkbox value is true/false.

edited Apr 14, 2016 at 11:20

answered Apr 14, 2016 at 2:26

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

1 Comment

seus Over a year ago

Thank you alot, + 1 for teaching me inbuilt angularJS function that I did not know

sreeramu · Accepted Answer · 2016-04-14 02:32:30Z

1

HTML

  <body ng-controller="MainCtrl">
    <input type="checkbox" ng-model="emailchecked" ng-change="EmailMe()">
    <h1> @{{test}} </h1>
  </body>

Controller

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope) {
  $scope.name = 'World';
  $scope.EmailMe = function() {
    if($scope.emailchecked == 1) {
        $scope.test = "emailSent";
    } else {
        $scope.test = "nothing";
    }

    };

});

http://plnkr.co/edit/EfIMMn7Be7QL258aUiXW

and in your code you are changing the emailchecked which is not required.

answered Apr 14, 2016 at 2:32

sreeramu

1,22312 silver badges21 bronze badges

Comments

Sagar · Accepted Answer · 2016-04-14 02:32:44Z

0

You need to change if(email = 1) to if(email == 1). One equal is missing

answered Apr 14, 2016 at 2:32

Sagar

1066 bronze badges

Collectives™ on Stack Overflow

AngularJS Printing text if checkbox is checked

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related