prototype中的$F()真是好用,但是在html中的checkbox是可多选的,prototype有没有给我们提供得到选中的checkbox的值的便利的方法呢
我翻了好久没找到,于是写了一个使用Enumerable操纵checkbox的例子
代码
- <script>
- function testSelect()
- {
- var chkbox = document.getElementsByName('slt');
- var nodes = $A(chkbox);
- var sltNodes = nodes.select(function(node)
- {
- return node.checked;
- });
- sltNodes.each(function(node)
- {
- alert(node.value);
- });
-
- }
- </script>
- <input type="checkbox" name="slt" value="1"/> 1<br/>
- <input type="checkbox" name="slt" value="2"/> 2<br/>
- <input type="checkbox" name="slt" value="3" checked="true"/> 3<br/>
- <input type=button value="test select" onclick="testSelect()">
<script>render_code();</script>
魔法发生在 $A,如果去掉
代码
<script>render_code();</script>
改成
代码
- var chkbox = document.getElementsByName('slt');
-
- var sltNodes = chkbox.select(function(node)
- {
- return node.checked;
- });
- sltNodes.each(function(node)
- {
- alert(node.value);
- });
<script>render_code();</script>
那么js就会报错,说chkbox没有select这个方法,看了一下$A的源码,
代码
- var $A = Array.from = function(iterable) {
- if (!iterable) return [];
- if (iterable.toArray) {
- return iterable.toArray();
- } else {
- var results = [];
- for (var i = 0; i < iterable.length; i++)
- results.push(iterable[i]);
- return results;
- }
- }
-
- Object.extend(Array.prototype, Enumerable);
<script>render_code();</script>
Array.from在哪里?没找到?那位大人能够解释一下,$A()的作用? |
相关推荐
使用prototype操作ajax的例子. 附带prototype.js库
prototype1.6.0prototype1.6.0prototype1.6.0prototype1.6.0
prototype介绍和使用方法prototype介绍和使用方法prototype介绍和使用方法prototype介绍和使用方法
例解Prototype框架.doc 第21章__使用Prototype框架.pdf Prototype源码注释版.pdf proprototype源码分析.doc totype_1.3_源码解读.txt
prototype的使用
Prototype1.5.1使用手册(.chm格式) Prototype 使用 说明 手册
开源JS包Prototype使用指南开源JS包Prototype使用指南开源JS包Prototype使用指南开源JS包Prototype使用指南开源JS包Prototype使用指南
prototype.js文件使用和讲解prototype.js文件使用和讲解prototype.js文件使用和讲解prototype.js文件使用和讲解
欢迎使用 Prototype API 参考手册。在左侧的区域中列出了主要的目录,当你点击其中任一目录时, 详细的内容将显示在右方区域中。 我们尽力为你提供最新的、叙述清楚的、样例丰富的文档,最终的目标是:在你阅读这...
利用DREAMWEVER开发网站的插件Prototype。
prototype和script.aculo.us的文档,相当经典
Prototype1.6中文手册欢迎使用 Prototype API 参考手册。在左侧的区域中列出了主要的目录,当你点击其中任一目录时, 详细的内容将显示在右方区域中。 我们尽力为你提供最新的、叙述清楚的、样例丰富的文档,最终...
对prototype的用法说明
BannerSlider 一个渣渣banner轮播的轮子使用prototype
prototype的JS文件prototype的JS文件prototype的JS文件prototype的JS文件
这份 API 文档只是一份参考手册,如果你想要学习如何使用 Prototype,或者想熟悉 Prototype 的某些特性,请参考教程。 非常高兴能够制作这份文档! 关于这份文件 CHM 文件制作: Remigijus Jodelis. 最后更新...
js的框架prototype.js 开放javascript的时候使用可以更方便,不必要去写那些繁琐的方法名
Prototype Codes TextBook.rar:Prototype实战教程(爆爽,推荐); 2.Prototype API: Prototype1.5.1_API_CN_A.CHM:Prototype1.5.1中文API,版本一(推荐); prototype1.5.1_API_CN_B.CHM:Prototype1.5.1中文API,版本二...
prototype js脚本库prototype js脚本库prototype js脚本库prototype js脚本库
prototype1.5.1