Angularjs ng-show not working with checkbox with default value true in jsp

Question

             <tr> 
             <td><input type="checkbox" ng-model="<%=cat4%>" ng-checked="true"> </td>
            <td>
            <%=cat2%>
             </td>
             <td><input type="text" class="txt" ng-show="<%=cat4%>" placeholder="Enter Price per <%=cat2%>" value="<%=temps[i]%>"></td>    
            </tr>

I want to display the text box when checkbox is checked. The checkbox is by default checked. When the check box is unchecked then the text box should be hidden. Using the above code the checkbox is checked but the textbox is not displayed (when the form loads). When I uncheck and again check the checkbox then only the text box is displayed. What changes are needed in the code?

putting ng-checked="true" and running the code, the checkbox is checked but text box is not displayed in above link. — JavaCoder
– JavaCoder, Commented Apr 10, 2016 at 7:10
ngModel and ngChecked are not meant to be used together try this stackoverflow.com/questions/16601018/… — gihan-maduranga
– gihan-maduranga, Commented Apr 10, 2016 at 7:17

amrdruid · Accepted Answer · 2016-04-10 08:12:39Z

0

unchecking it doesn't make it false

use ng-change to turn it for false to true and vice versa

answered Apr 10, 2016 at 8:12

amrdruid

96113 silver badges24 bronze badges

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

Collectives™ on Stack Overflow

Angularjs ng-show not working with checkbox with default value true in jsp

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related