85问答库 > angularjs 全选反选

angularjs 全选反选

2024-11-15 23:26:50

推荐回答（4个）

回答1：

方法如下：

需要用到AngularJS特性：双向数据绑定

注意：没写一行DOM代码！这就是ng的优点，bootstrap.css为了布局，JS代码也只是简单创建ng模块和ng控制器。

效果：

代码如下：

全选/取消全选

全选和取消全选

选择

姓名

操作

Tom

Mary

King

全选

取消全选

ps：AngularJs 简单实现全选，多选操作。

回答2：

test

Check all

回答3：

$scope.fx=function(){
var cbs= $("[class=cb]");
for (var i=0;i<$scope.yao.length;i++) {
var cb=cbs[i];
cb.checked=!cb.checked;
}
}

回答4：

//全选
$scope.qx=function(){
var cbs=$("input:checkbox");
cbs.each(function(){
$(this).prop("checked",true);
})
}
//全不选
$scope.qbx=function(){
var cbs=$("input:checkbox");
cbs.each(function(){
$(this).prop("checked",false);
});
}