html radio的一些用法

iteye_9502

于 2011-05-26 10:46:27 发布

阅读量1.7k

点赞数

分类专栏：杂项文章标签： HTML

本文链接：https://blog.youkuaiyun.com/iteye_9502/article/details/82069020

版权

杂项专栏收录该内容

4 篇文章

订阅专栏

<html>
<body>

<form>
<input type="radio" id="radio1" name="radio1" value="a" onclick="test(this)"/>
<input type="radio" id="radio1" name="radio1" value="b" checked  onclick="test(this)"/>

<input type="button" onclick="test()">
<input type="button" onclick="test2()">

</form>

<p>The name of the radio button is: 
<script type="text/javascript">
 function test(obj){

  alert(obj.value);
 }
 function test2(){
   var x = document.getElementsByName('radio1');
   for(i=0;i<x.length;i++){
     if(x[i].checked){
        alert(x[i].value)
     }
  }
 }

</script></p>

</body>
</html>