checkbox is not getting checked in angular js

Question

<tr ng-repeat="languages in samln">
   <td>
      <span>{{languages.emplang}}</span>
   </td>
   <td>
      <input type="checkbox" name="checkbox1-" id="sp1" value="false" style="margin-left:40px;" ng-model="languages.speak">
   </td>
   <td>
      <input type="checkbox" name="checkbox2-" id="rea1" value="false" style="margin-left:40px;" ng-model="languages.read">
   </td>
   <td>
      <input type="checkbox" name="checkbox3-" id= "wr1" value="false" style="margin-left:40px;" ng-model="languages.write">
   </td>
</tr>

It has two string values true and false. I gave as value="false" but checkbox is not getting checked and Here languages is a list.

Here languages is a list

Srinath Murugula
– Srinath Murugula

2016-01-29 11:09:17 +00:00
Commented Jan 29, 2016 at 11:09 — Srinath Murugula
– Srinath Murugula, Commented Jan 29, 2016 at 11:09

Michal Kucaj · Accepted Answer · 2016-01-29 10:50:05Z

1

<input type="checkbox" name="" value="" ng-checked="check" />

in controller 

$scope.check = true;

answered Jan 29, 2016 at 10:50

Michal Kucaj

6916 silver badges15 bronze badges

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

Comments

brewsky · Accepted Answer · 2016-01-29 11:18:55Z

1

The value attribute isn't really used. Angular uses the model value to set the check. Sometimes you may need to declare the true / false criteria too. You can initalize with the ng-init directive like so:

<input type="checkbox" name="checkbox1" id="sp1" 
     ng-true-value="'true'" ng-false-value="'false'"    
     ng-init="test='true'" ng-model="test">

Note that you have to single quote the true / false values since ng expects an expression there.

answered Jan 29, 2016 at 11:18

brewsky

6171 gold badge9 silver badges15 bronze badges

Comments

Wtower · Accepted Answer · 2016-01-29 10:42:38Z

<script>
  angular.module('checkboxExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.checkboxModel = {
       value1 : true,
       value2 : 'YES'
     };
    }]);
</script>
<form name="myForm" ng-controller="ExampleController">
  <label>Value1:
    <input type="checkbox" ng-model="checkboxModel.value1">
  </label><br/>
  <label>Value2:
    <input type="checkbox" ng-model="checkboxModel.value2"
           ng-true-value="'YES'" ng-false-value="'NO'">
   </label><br/>
  <tt>value1 = {{checkboxModel.value1}}</tt><br/>
  <tt>value2 = {{checkboxModel.value2}}</tt><br/>
 </form>

Source: AngularJS documentation / API Reference / ng / input components in ng / input[checkbox]

AsgarAli · Accepted Answer · 2016-01-29 10:39:09Z

0

If you want the check-box to be checked by default then use checked="" or checked="checked".

Please visit below link for more details.

https://www.w3.org/TR/html-markup/input.checkbox.html

   <tr ng-repeat="languages in samln">
       <td>
          <span>{{languages.emplang}}</span>
       </td>
       <td>
          <input type="checkbox" name="checkbox1-" id="sp1" checked="" style="margin-left:40px;" ng-model="languages.speak">
       </td>
       <td>
          <input type="checkbox" name="checkbox2-" id="rea1" checked="" style="margin-left:40px;" ng-model="languages.read">
       </td>
       <td>
          <input type="checkbox" name="checkbox3-" id= "wr1" checked="" style="margin-left:40px;" ng-model="languages.write">
       </td>
    </tr>

answered Jan 29, 2016 at 10:39

AsgarAli

2,2092 gold badges21 silver badges32 bronze badges

2 Comments

Srinath Murugula Over a year ago

I am giving the languages.speak, read ,write as strings not boolean

AsgarAli Over a year ago

You have done something wrong otherwise it always works to make check-box checked.

Collectives™ on Stack Overflow

checkbox is not getting checked in angular js

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related