javascript操作radio的几种方法

最新推荐文章于 2023-08-25 10:15:20 发布

zmxj

最新推荐文章于 2023-08-25 10:15:20 发布

阅读量4.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：编程技术文章标签： javascript input button action function 脚本

本文链接：https://blog.youkuaiyun.com/zmxj/article/details/2005998

编程技术专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个JavaScript脚本示例，展示了如何使用不同方法选择页面上的Radio按钮元素。其中包括使用getElementById获取首个Radio对象，以及通过getElementsByName和其他方法获取所有同名Radio对象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对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对象数组。