判断Checkbox和Radio的一种方法

Posted on 2007-10-10 17:35 Jaunt 阅读(593) 评论(0)  编辑  收藏 所属分类: JavaScript
<html>
<head>
<title>判断Checkbox和Radio - 51windows.Net</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<form method="post" name="myformname1">
<input type="checkbox"  name="checkname1" id="c11" value=""><label for="c11">选择1</label>
<input type="checkbox"  name="checkname1" id="c12" value=""><label for="c12">选择2</label>
<input type="checkbox"  name="checkname1" id="c13" value=""><label for="c13">选择3</label>
<input type="checkbox"  name="checkname1" id="c14" value=""><label for="c14">选择4</label>
<br><br>
<input type="button" onclick="alert(IsChecked(document.myformname1,'checkname1'))" value="测试有没有选择">
<input type="button" onclick="alert(GetCheckedNum(document.myformname1,'checkname1'))" value="测试选择几个">
</form>
<hr>
<form method="post" name="myformname2">
<input type="radio"  name="radioname1" id="r11" value=""><label for="r11">选择1</label>
<input type="radio"  name="radioname1" id="r12" value=""><label for="r12">选择2</label>
<br><br>
<input type="button" onclick="alert(IsChecked(document.myformname2,'radioname1'))" value="测试有没有选择"> <input type="reset" value="重置">
</form>
<SCRIPT LANGUAGE="JavaScript">
<!--
function IsChecked(oform,checkname){
 var len = oform.elements.length;
 var i=0;
 for( i=0; i<len; i++){
  if (oform.elements[i].name==checkname){
   if(oform.elements[i].checked){
    return true;
   }
  }
 }
 return false;
}
function GetCheckedNum(oform,checkname){
 var len = oform.elements.length;
 var i=0;
 var checkn = 0;
 for( i=0; i<len; i++){
  if (oform.elements[i].name==checkname){
   if(oform.elements[i].checked){
    checkn++;
   }
  }
 }
 return checkn;
}
//-->
</SCRIPT>
</body>
</html>

只有注册用户登录后才能发表评论。


网站导航: