您当前的位置: 首页 » HTML/XHTML/XML编程 » 判断Checkbox和Radio的一种方法
判断Checkbox和Radio的一种方法
论坛链接
<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.name==checkname){
if(oform.elements.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.name==checkname){
if(oform.elements.checked){
checkn++;
}
}
}
return checkn;
}
//-->
</SCRIPT>
</body>
</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.name==checkname){
if(oform.elements.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.name==checkname){
if(oform.elements.checked){
checkn++;
}
}
}
return checkn;
}
//-->
</SCRIPT>
</body>
</html>