`

使用Prototype得到单选框组的值

阅读更多
Using Prototype Javascript to get the value of a radio group

怎么样得到单选框组的vlaue呢,下面是一个例子:
var radioGrp = document['forms']['form_name_or_id']['radio_grp_name'];
for(i=0; i < radioGrp.length; i++){
    if (radioGrp[i].checked == true) {
        var radioValue = radioGrp[i].value;
    }
}

我们的prototype代码需要知道form和单选框组的名字(radio group name)
/**
* Returns the value of the selected radio button in the radio group, null if
* none are selected, and false if the button group doesn't exist
*
* @param {radio Object} or {radio id} el
* OR
* @param {form Object} or {form id} el
* @param {radio group name} radioGroup
*/

function $RF(el, radioGroup) {
    if($(el).type && $(el).type.toLowerCase() == 'radio') {
        var radioGroup = $(el).name;
        var el = $(el).form;
    } else if ($(el).tagName.toLowerCase() != 'form') {
        return false;
    }
    var checked = $(el).getInputs('radio', radioGroup).find(
        function(re) {return re.checked;}
    );
    return (checked) ? $F(checked) : null;
}

在使用的时候,你需要传入一个form的对象或者id和单选框组的名字或者单选框的id,如下:
var value = $RF('radio_btn_id');
var value = $RF('form_id', 'radio_grp_name');
0
0
分享到:
评论

相关推荐

    JS面向对象之单选框实现

    4. 使用这个对象模型,可以方便地在程序中操作单选框组: ```javascript const group = new RadioGroup('choice'); group.setSelected('option1'); // 设置选中项 console.log(group.getSelected()); // 获取选中项...

    prototype的js框架

    网上找的一些prototype.js学习资料

    使用Prototype框架.pdfprototype源码分析.doc

    例解Prototype框架.doc 第21章__使用Prototype框架.pdf Prototype源码注释版.pdf proprototype源码分析.doc totype_1.3_源码解读.txt

    1.6prototype.js框架下载

    prototype.js 是一个由Sam Stephenson写的JavaScript包。这个构思奇妙编写良好的一段兼容标准的一段代码将承担创造胖客户端, 高交互性WEB应用程序的重担。轻松加入Web 2.0特性。

    prototype框架

    Prototype的核心设计理念是通过提供一组实用的函数扩展JavaScript的基本对象,使得JavaScript代码更易读、易写,同时也提高了开发效率。 ### 1. DOM操作 Prototype框架为DOM(Document Object Model)操作提供了...

    1.5.1prototype.js框架

    1.5.1prototype.js 最新版本的prototype js框架,不用多介绍了。 搞Web的人都知道!

    prototype-1.5.0框架.rar

    Prototype JavaScript 框架是早期 Web 开发中广泛使用的库,尤其在 Ajax 应用程序中,它极大地简化了 JavaScript 编程。标题中的 "prototype-1.5.0框架.rar" 指的是 Prototype 框架的一个特定版本,即 1.5.0 版本,...

    prototype.js框架资料

    Prototype.js 是一个广泛使用的JavaScript库,它为JavaScript语言引入了许多实用的功能,极大地简化了JavaScript的开发工作。这个框架的核心在于它提供了面向对象编程的支持,以及一系列方便的DOM操作方法,使得...

    prototype1.6.0prototype1.6.0prototype1.6.0prototype1.6.0

    标题中的"prototype1.6.0"多次提及,暗示了我们正在讨论JavaScript库Prototype的1.6.0版本。Prototype是Web开发中一个强大的JavaScript框架,它为浏览器环境提供了许多实用的功能,增强了JavaScript语言的面向对象...

    jquery + prototype框架

    **jQuery和Prototype框架详解** jQuery和Prototype是两个非常流行的JavaScript库,它们极大地简化了JavaScript的DOM操作、事件处理和动画效果。在这个资源包中,您将找到关于这两个框架的API帮助文档,这对于学习和...

    jquery bootstrap prototype框架

    Prototype的Class和Function扩展让JavaScript的类和函数更具表现力,但与jQuery相比,Prototype在现代Web开发中的使用相对较少,因为jQuery的流行和更广泛的支持。 在实际开发中,这三个框架往往结合使用,jQuery...

    Prototype框架常用方法简介

    Prototype扩展了JavaScript的内置对象和数组,如`extend`用于合并对象,`each`用于遍历数组或对象。 ```javascript var obj1 = {a: 1, b: 2}; var obj2 = {c: 3, d: 4}; Object.extend(obj1, obj2); // 合并...

    Prototype1.5.1使用手册

    《Prototype 1.5.1使用手册》是针对JavaScript库Prototype的一个详细指南,该库是Web开发中的一个强大工具,尤其在处理DOM操作、Ajax交互和函数增强方面表现卓越。本手册以.chm(Compiled Help Manual)格式提供,...

    Prototype框架详解

    例如,当获取到的元素集合是通过`getElementsByTagName()`得到的,可以使用`$A()`将其转换为数组,便于使用数组方法进行迭代。 3. **$F()函数**:此函数主要用于获取表单元素的值,如文本框、文本区域或选择列表等...

    使用prototype简化Ajax操作

    在"使用prototype简化Ajax操作"这个主题中,我们将深入探讨Prototype库如何使Ajax变得更加简单易用。 首先,Prototype为Ajax操作提供了一个统一的接口——`Ajax`对象。这个对象下包含了一系列方法,如`Request`、`...

    js的框架,使用prototype

    js的框架prototype.js 开放javascript的时候使用可以更方便,不必要去写那些繁琐的方法名

    prototype的使用

    然而,过度使用或不恰当的使用`prototype`可能会导致性能问题,因为每次访问`prototype`上的属性时都需要查找原型链。 总的来说,`prototype`是JavaScript中实现面向对象编程的关键部分,它帮助我们理解和实现对象...

    Prototype API 文档--AJAX框架

    PROTOTYPE 1.5.1 RC1 API文档 &lt;br&gt;API DOCUMENTATION &lt;br&gt;Welcome to the API documentation for Prototype. The left column contains the main sections. When you activate a section, its detailed ...

Global site tag (gtag.js) - Google Analytics