有实现过或知道怎么做的求教，没找到类型的博客。急！
是这样吗
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
<style type="text/css">
.pbox {
margin: 2px;
border: 1px solid #eee;
}
.pbox .num {
margin: 2px;
text-align: center;
vertical-align: middle;
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #999;
}
.pbox.checked {
border: 1px solid #99F;
background-color: #ccf;
}
.pbox.checked .num {
border: 1px solid #ff0;
background-color: #ff9;
}
</style>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
</head>
<body>
<div class="pbox"><span class="num"></span>选项A</div>
<div class="pbox"><span class="num"></span>选项B</div>
<div class="pbox"><span class="num"></span>选项C</div>
<div class="pbox"><span class="num"></span>选项D</div>
<div class="pbox"><span class="num"></span>选项E</div>
<div class="pbox"><span class="num"></span>选项F</div>
<script type="text/javascript">
$(function(){
var pbox = $(".pbox");
var ae = [];
pbox.click(function(event){
$(this).toggleClass("checked");
if ($(this).hasClass("checked")) {
ae.push(this);
} else {
ae.splice(ae.indexOf(this),1);
$(".num",this).text("");
}
ae.forEach(function(v, i){
$(".num",v).text(i+1);
});
});
});
</script>
</body>
</html>
html + js
题目是什么？
十脸懵逼