`
izuoyan
  • 浏览: 9196816 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

javascript操作radio的几种方法

阅读更多

对radio操作的js脚本例子如下:

<SCRIPT LANGUAGE="JavaScript">
<!--
function zmaa(){

var chkObj = document.getElementById("SHYK_KBN");
var chkArr1 = document.getElementsByName("SHYK_KBN");
var chkArr2 = document.all.item("SHYK_KBN");
var chkArr3 = document.all("SHYK_KBN");
alert(chkObj.outerHTML);
alert(chkArr1.length);
alert(chkArr2.length);
alert(chkArr3.length);
alert(chkArr3[1].value);
}
//-->
</SCRIPT>
<FORM name = "zm" METHOD=POST ACTION="">
<input type="radio" id="SHYK_KBN" value="1" size="88">
<input type="radio" id="SHYK_KBN" value="2" checked>
<input type="radio" id="SHYK_KBN" value="3" >
<input type="radio" id="SHYK_KBN" value="4" > <br>

<BR>
<INPUT TYPE="button" onclick="zmaa()" value = "9999">
</FORM>

结论:
getElementById方法只能取到第一个radio对象,
var chkArr1 = document.getElementsByName("SHYK_KBN");
var chkArr2 = document.all.item("SHYK_KBN");
var chkArr3 = document.all("SHYK_KBN");
上面的三种方式均可以取到一个radio对象数组。

分享到:
评论

相关推荐

    javascript radio 联动效果

    在网页设计中,联动效果是一种常见的交互设计,它允许用户在一个元素上操作时,其他相关的元素也随之改变。在这个场景中,我们关注的是JavaScript与单选按钮(radio button)的联动效果。JavaScript是一种广泛用于...

    javascript radio值获取代码

    总结来说,JavaScript中获取Radio按钮的值主要有以下几种方式: 1. 遍历特定容器内的所有`&lt;input&gt;`元素,检查`type="radio"`并查找`checked`属性。 2. 直接通过表单元素的ID或名称来访问。 3. 使用`...

    三种取消选中单选框radio的方法

    本文将详细讨论三种取消选中单选框radio的方法,这些方法包括使用jQuery来实现的两种方式,以及基于JavaScript和DOM实现的第三种方式。 首先,需要了解的是,单选框的选中状态是由其checked属性决定的,该属性为...

    USB-ID通用免动动读卡器JavaScript示例源码.rar

    RFID(Radio Frequency Identification)是一种无线通信技术,用于识别和跟踪带有电子标签的物体。在这种情况下,读卡器被设计为USB设备,可以方便地与计算机连接,并通过JavaScript在Web应用中进行交互。 描述 ...

    js表单元素checked、radio被选中的几种方法(详解)

    下面我们将详细介绍几种设置和检查`checked`属性的方法。 0. **环境设置** 在开始之前,我们需要一个HTML环境来演示这些方法。例如,我们可以创建一个简单的HTML文档,其中包含一个复选框或单选按钮,如下所示: ``...

    Javascript

    它有几种基本数据类型,包括`undefined`(未定义)、`null`(空)、`number`(数值)、`string`(字符串)等。`undefined`和`null`相等,`number`类型可以表示整数和浮点数,而`string`用于表示文本。 JavaScript的...

    轻轻松松学用JavaScript编程

    3. **JavaScript操作对象的简单介绍**:讲解了JavaScript中对象的概念,包括对象的属性和方法。例如,JavaScript可以操作DOM(文档对象模型),通过改变DOM元素的属性和方法来修改网页内容。 4. **JavaScript代码的...

    javascript的星星评分

    JavaScript的星星评分系统是一种常见的用户反馈机制,常用于电影评分、产品评价或服务满意度调查等场景。这个系统允许用户通过选择不同数量的星星来表达他们的评价等级,通常从一星(最低)到五星(最高)。在本文中...

    LazyForm radio,checkbox,select样式自定义

    在实现样式自定义时,LazyForm可能采用了以下几种技术: 1. **CSS类名**:为radio、checkbox和select添加特定的CSS类名,这样开发者可以通过编写自定义的CSS样式来改变它们的外观。例如,可以设置边框、背景色、...

    asp.net Javascript 的几种写法与提示

    文章《*** Javascript的几种写法与提示》主要介绍了在***环境下编写JavaScript代码的几种常见方法,并提供了实用的代码示例和注释提示,帮助开发者更好地理解和应用JavaScript。 首先,文章提到了在***中使用...

    在Ext的grid里实现带radio单选功能的gridlist

    Grid List是Grid的一种扩展,它不仅具有基本的表格功能,还可以进行更复杂的操作。本教程将详细介绍如何在Ext的Grid中实现带有radio单选功能的Grid List。 首先,我们需要理解Ext Grid的基本结构。一个Grid通常由...

    jquery 操作iframe的几种方法总结

    以下是几个基本操作: 1. **父窗口操作`iframe`**: - 要选中`iframe`内的所有文本输入框,可以使用以下jQuery代码: ```javascript $(window.frames["iframeSon"].document).find(":text").attr("value", "新值...

    自定义radio背景图标

    Radio按钮,也称为单选按钮,是用户界面中一种基本的交互元素,用于让用户在多个选项中选择一个。通常,radio按钮的样式由系统默认提供,但为了使用户界面更加个性化和符合品牌形象,开发者常常会对其进行自定义设计...

    javascript.doc

    JavaScript中有以下几种基本数据类型: 1. **数字(Number)**:表示整数和浮点数。 2. **字符串(String)**:表示文本数据。 3. **布尔(Boolean)**:只有`true`和`false`两个值。 4. `null`:表示没有对象的值。 5. `...

    前端项目-radio.zip

    在前端开发领域,"前端项目-radio.zip" 提供了一个小型的、无依赖的发布/订阅(pub/sub)JavaScript库,名为Radio。这个库的核心概念是事件驱动编程模型,它允许不同组件之间通过发布和订阅消息来实现解耦通信。下面...

    jquery radio 操作代码

    在 `Button2_onclick` 函数中,有几种不同的写法: - `alert($("input[@type=radio]:checked").val());`:老版本 jQuery 中的写法,使用 `@type` 属性选择器。 - `alert($("input[name='rad']:checked").val());`...

    JavaScript操作表单_动力节点Java学院整理

    总结来说,JavaScript操作表单主要涉及到获取和设置表单元素的值、处理HTML5控件以及提交表单的几种方法。掌握这些知识点可以帮助开发者提升页面的动态交互能力和用户体验。在实际开发中,还需要注意表单验证和安全...

Global site tag (gtag.js) - Google Analytics