                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /Avalon探索之旅基础教程---- 简单绑定

可以给源码吗。

qyy2499760117_叶子

2016-07-19

源自：Avalon探索之旅基础教程---- 简单绑定 1-2

关注问题我要回答

1116

操作

收起

2 回答

XiaoBingBy 回答被采纳 +3 积分
2016-07-24

老师没给源代码哦自己写吧

0 回复有任何疑惑可以回复我~

收起回答

qyy2499760117_叶子提问者

非常感谢！

2016-07-25 回复有任何疑惑可以回复我~

ThinkSummer
2017-06-07

太简单了，这还需要源码么

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>demo-jQuery</title>
<link href="./../../_libs/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="./../../_libs/animate/animate.css" rel="stylesheet">
</head>
<body>
<div>
<div>
<div>
<form action="" id="todoForm">
<lable for="">将下面输入的文字放入todo list中!</lable>
<input type="text" id="todoInput">
</form>
<p id="todoCount"></p>
<ol id="todoList"></ol>
</div>
</div>
</div>

<script src="./../../_libs/jQuery/jquery-3.1.0.js"></script>
<script src="./../../_libs/jQuery/jquery-migrate-3.0.0.js"></script>
<script src="./../../_libs/bootstrap/js/bootstrap.js"></script>
<!-- <script src="https://cdn.bootcss.com/angular.js/2.0.0-beta.17/angular2-all-testing.umd.dev.js"></script> -->
<script>
$(function(){
let $todoForm = $('#todoForm');
let $todoInput = $('#todoInput');
let $todoList = $('#todoList');
let $todoCount = $('#todoCount');

$todoForm.on('submit', function(e) {
e.preventDefault();
let input_value = $todoInput.val();
console.log(input_value);
$todoList.append('<li>' +input_value+ '&nbsp;<a href="javascript:;">X</a></li>');
$todoInput.val('');
get_total();
});
$todoList.on('click', '.todoDelete', function(e) {
// 这里是事件代理
e.preventDefault();
$(this).parent().remove();
get_total();
});

function get_total() {
let len = $todoList.children('li').length;
$todoCount.html(len > 0 ? '现有' +len+ '项 todo list;' : '');
}
});
</script>
</body>
</html>

0 回复有任何疑惑可以回复我~

收起回答