AngularJS 实现复选框 全选/取消全选

之前在百度上找了很多关于用AngularJS实现checkbox全选的功能,但是都只能完成部分功能,下面将需要的功能列出如下:

1、将所有请选择向的checkbox都选中时,上面的全选也选中。

2、如有一个没有选中,全选取消。

3、点击查看按钮,查看选中的名字有哪些。

在网上找了很多资料,发现很多的都是只能实现前面2个功能,而且还有一点复杂,最后在API上查了一下用ngChecked这个指令可以很轻松的实现这个功能。代码如下

html:

全选/取消全选
请选择 姓名 生日
{{obj.name}} {{obj.birthday}}
js:
大家可以试试用这个方法。


你可能感兴趣的:(AngularJS)