`
izuoyan
  • 浏览: 9009287 次
  • 性别: 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操作表单_动力节点Java学院整理

    HTML表单的输入控件主要有以下几种: 文本框,对应的&lt;input type=”text”&gt;,用于输入文本; 口令框,对应的&lt;input type=”password”&gt;,用于输入口令; 单选框,对应的&lt;input type=”radio...

    jQuery详细教程

    • jQuery 的 action() 执行对元素的操作 示例 $(this).hide() - 隐藏当前元素 $("p").hide() - 隐藏所有段落 $("p.test").hide() - 隐藏所有 class="test" 的段落 $("#test").hide() - 隐藏所有 id="test" 的元素 ...

    ASP.Net.Web程序设计

    7、简要说明在网页中插入JavaSCRIPT脚本的几种方式? 在网页中插入脚本语言通常有三种方式:使用SCRIPT标记符、在标记符中直接嵌入脚本以及链接外部脚本文件. 8、说明在网页中使用CSS的几种方式?CSS选择符的作用及...

    JS组件Bootstrap Table使用方法详解

    bootStrap table获取数据有两种方式,一是通过table 的data-url属性指定数据源,二是通过JavaScript初始化表格时指定url来获取数据 [xhtml] view plain copy &lt;table data-toggle="table"&gt; &lt;thead&gt; ... ...

    正则表达式

    在正则表达式中括号具有几种作用.它的主要作用是把单独的项目分组 成子表达式,以便可以像处理一个独立的单元那种用 *、+或? 来处理那些项目.例如: /java(script) ?/ 匹配的是字符串 "java",其后既可以有 "script",...

    ExtAspNet_v2.3.2_dll

    目标是创建没有ViewState,没有JavaScript,没有CSS,没有UpdatePanel,没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源...

    Sky31Radio-Server:三翼四季电台后台管理

    我们相信发展必须是一种令人愉快的、创造性的体验,才能真正实现。 Laravel 试图通过简化大多数 Web 项目中使用的常见任务(例如身份验证、路由、会话和缓存)来减轻开发过程中的痛苦。 Laravel 的目标是在不牺牲...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    目标是创建没有JavaScript,没有CSS,没有UpdatePanel,没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源的程序ExtJS, ...

    ATGrid报表控件/插件V2.1.7.711

    18、让WEB开发变的更加简单,在WEB页[html]可以不用写一行代码....... 19、报表的单元格类型多大几十种,如:Text,Num,Button,Radio,CheckBox,Combox..... 20、不但实现报表展示功能,更重要突破了报表在线...

    fckedit编辑器

    加上几种我们常用的字体 FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ; 11.添加文件 添加文件 /TestFCKeditor/test.jsp: *" %&gt; ...

    html入门到放弃笔记

    特点:必须通过指定的客户端软件才能访问服务器端的一种程序 :如 :桌面版QQ,... ... 2、B / S 结构 Browser / Server Browser :浏览器 特点:通过 浏览器 就能访问服务器端的一种程序 如 :网页版百度,...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    1)AjaxJavaScript资源 1.JS+CSS仿腾讯QQ首页搜索框无刷新换肤效果代码 2.js+css简单后台二级树形菜单demo示例 3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5....

Global site tag (gtag.js) - Google Analytics