javascript操作radio的几种方法

本文介绍了一个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对象数组。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值