您的位置：首页 > Web前端 > JavaScript

javascript 典型闭包的用法

2014-04-24 17:34 239 查看

<body>
<input type="radio" id="radio1" name="readionGroup" />
<input type="radio" id="radio2" name="readionGroup" />
<input type="radio" id="radio3" name="readionGroup" />
<script type="text/javascript" language="javascript">
var add_the_handlers = function (nodes) {
var i;
for (i = 0; i < nodes.length; i += 1) {
nodes[i].onclick = function (e) {
alert(e);
}
}
};
add_the_handlers(readionGroup);
</script>
</body>

给每个radio赋一个onclick，上面写发是错误的，都弹出的时候nodes.length
红色标识的部分是一个上下文，所以当用户点击的时候，一直用到的变量是i=3

------------------------------------------------------------------------------------------

var add_the_handlers = function (nodes) {
var i;
for (i = 0; i < nodes.length; i += 1) {
(function(j){
nodes[j].onclick = function () {
alert(j);
}
})(i);
}
};
add_the_handlers(readionGroup);

//红色表示的部分是一个上下文

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航