javascript操作radio的几种方法

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

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

文章标签：

本文介绍了一个JavaScript脚本示例，展示了如何使用不同方法选择页面上的Radio按钮元素。通过getElementById, getElementsByName及document.all的不同用法，文章揭示了这些方法在处理多个相同名称的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对象数组。