上一篇JS教程学习了:JS初学者实例教程(7):注册表单验证
实例八
本实例主要介绍了Document对象读取表单元素的使用(单选按钮、复选按钮的使用)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <SCRIPT LANGUAGE="JavaScript"> <!-- function sel_coun(){ var country = document.form1.country.length; //得到radio个数 for(var i=0;i<country;i++){ if(form1.country[i].checked){ alert(form1.country[i].value); break; }else{ continue; } } } function sel_love(){ var country = document.form1.love.length; //得到checkbox个数 var love =""; //new Array(); for(var i=0;i<country;i++){ if(form1.love[i].checked){ love+=form1.love[i].value+"、"; } } love = love.substring(0,love.lastIndexOf("、")); alert("你的爱好有:"+love) } //--> </SCRIPT> </HEAD> <BODY> <FORM name ="form1" METHOD=POST ACTION=""> 单选应用 <INPUT TYPE="radio" NAME="country" value="中国" checked>中国 <INPUT TYPE="radio" NAME="country" value="法国">法国 <INPUT TYPE="radio" NAME="country" value="美国">美国 <INPUT TYPE="button" value="提交" onclick="sel_coun();"/><br/> 复选应用 <INPUT TYPE="checkbox" NAME="love" value="打球">打球 <I |