angularjs表单_2-白红宇的个人博客

angularjs表单_2

发布日期：2022-02-26 14:49:30 浏览次数：24 分类：技术文章

本文共 2294 字，大约阅读时间需要 7 分钟。

<!DOCTYPE html>

<html>

<head>

var app=angular.module("myApp",[]);

app.controller("myCtrl",function($scope){

$scope.datas=[

{"name":"张三","age":43,"tel":131123456789,"loginData":"2017-01-22"},

{"name":"李四","age":23,"tel":132123456789,"loginData":"2018-02-12"},

{"name":"王五","age":53,"tel":133123456789,"loginData":"2019-03-13"},

{"name":"赵六","age":73,"tel":134123456789,"loginData":"2020-04-29"}];

//批量删除

$scope.deleteAll = function(){

//获取所有选择的checkbox

var cks = $("input[type=checkbox]:checked");

//循环的到所有勾选上的复选框

for(var i=0;i<cks.length;i++){

var ck = cks[i];

var _name = ck.value;//得到要删除的商品的id

for(var j=0;j<$scope.datas.length;j++){//到数据源中找到和当前id匹配的商品，删除之

if($scope.datas[j].name == _name){

$scope.datas.splice(j,1);

break;

}

};

});

</script>

<style>

table{

text-align: center;

}

table tr:nth-child(even){

background-color: #CC9966;

}

table tr:nth-child(odd){

background-color: #993366;

}

</style>

</head>

<td>注册日期<select ng-model="DataPaixu"><option></option><option value="loginData">注册日期正序</option><option value="-loginData">注册日期倒序</option></select></td>

</tr>

<td>{

{d.name}}</td>

<td>{

{d.age}}</td>

<td>{

{d.tel}}</td>

<td>{

{d.loginData}}</td>

<td><input type="checkbox" value="{

{d.name}}"/></td>

</tr>

</table>

<br />

</center>

</body>

</html>

转载地址：https://blog.csdn.net/qq_31353347/article/details/80163852 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：Viewpager自定义轮播特效(仿京东超市休闲零食头部轮播)

下一篇：mvp

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

最新文章