首页 / JAVASCRIPT / javascript – 通过单击封闭行在Angular JS转发器表中切换复选框

javascript – 通过单击封闭行在Angular JS转发器表中切换复选框

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 通过单击封闭行在Angular JS转发器表中切换复选框，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含633字，纯文字阅读大概需要1分钟。

内容图文

我有一个用ng-repeat构造的表,其中每一行都有一个复选框,该复选框由重复的JSON数据中的值设置：

<tr ng-repeat="t in tabledata" ng-click="t.isChecked=t.!isChecked">
    <td><input type="checkbox" ng-model="t.isChecked"></td>
    <td>{{t.firstName}} {{t.lastName}}</td>
</tr>

我想点击该行来切换该行中的复选框值.我尝试了以上,但它不起作用.思考？

解决方法:

试试这个：

ng-click="t.isChecked = !t.isChecked"

感叹号应该在t.isChecked前面.

还要确保停止在复选框本身上传播click事件,否则单击复选框将不允许您选中/取消选中任何内容.

<input type="checkbox" ng-model="t.isChecked" ng-click="$event.stopPropagation()">

演示：http://plnkr.co/edit/KJziWDmlN2gTbthOF4yJ?p=preview

内容总结

以上是互联网集市为您收集整理的javascript – 通过单击封闭行在Angular JS转发器表中切换复选框全部内容，希望文章能够帮你解决javascript – 通过单击封闭行在Angular JS转发器表中切换复选框所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/724706.html

来源：【匿名】