当前位置:编程学习 > JS >>

js radio 是否选中

本文章提供一款js radio 是否选中效果,它用来判断radio是否被选中了,方法是选获取radio组,然后获取radio长度再利用for遍历,如果checkzone[i].checked==true那就被选中了,我们就可以显示他的值checkzone[i].value,等吧。

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.zhutiai.com/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://mb.zzzyk.com/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>js radio 是否选中</title>
<script language="网页特效">
function checkfrom()
{
 var checkzone = document.all("paymentterms");
 var found = false;
 for(var i=0;i<checkzone.length;i++){ 
    if(checkzone[i].checked){ 
      alert('你选择了'+checkzone[i].value);
    }
 }
}
</script>
</head>

<body>
<form action="/www.zzzyk.com/zone.html" method="post" name="zoneform">
<table width="620" border="0" align="center" cellpadding="0" cellspacing="0" class="bg1">
  <tr>
   <td align="center">
    <table width="600" border="0" cellpadding="0" cellspacing="0">
    <tr>
             <td height="25" colspan="4" align="left" class="h1">长沙-芙蓉区</td>
          </tr>
          <tr>
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="五一广场">五一广场
     </td>     
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="火车站">火车站
     </td>     
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="马王堆">马王堆
     </td>     
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="火星镇">火星镇
     </td>     
     
      </tr><tr>       
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="万家丽">万家丽
     </td>     
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="杨家山">杨家山
     </td>     
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="德政园">德政园
     </td>     
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="定王台">定王台
     </td>     
     
      </tr><tr>       
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="荷花园">荷花园
     </td>     
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="袁家岭">袁家岭
     </td>     
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="识字岭">识字岭
     </td>     
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="高桥">高桥
     </td>     
     
      </tr><tr>       
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="韭菜园">韭菜园
     </td>     
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="人民新村">人民新村
     </td>     
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="浏城桥">浏城桥
     </td>     
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="天心阁">天心阁
     </td>     
     
      </tr><tr>       
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="司门口">司门口
     </td>     
     
    
     <td height="25" align="left">
     <input type="radio" name="paymentterms" value="人民东路 ">人民东路
     </td>     
     
    
    </tr>
    
    <tr class="bg1">
            <td height="25" colspan="4" align="left"><input type="radio" name="paymentterms" value="自定义">自定义<input name="zone.name" size="20" value="" maxlength="20"/>
            <span class="gray">(不得超过10个汉字)</span>
            <span class="error" id="name_error"></span>
            </td>
          </tr>
    </table>
   </td>
  </tr>
 </table>
 <input type="hidden" name="zone.infocityid" value="1126">
 <input type="hidden" name="zone.infodistrict" value="3350">
 <input type="hidden" name="getid" value="zone">
    <br />
    <div align="center">
    <input name="button" type="button" class="sendbutton" onclick="javascript:return checkfrom();" value="确认" />
 </div>
</form>
</body>
</html>

补充:网页制作,js教程 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,