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教程