首页 > 网络编程 > JavaScript > 表单特效 > 判断Checkbox和Radio的一种方法 2006-08-23 00:00:00 作者： 判断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> <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> <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> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
