六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 40|回复: 0

单选的选中问题

[复制链接]

升级  78%

9

主题

9

主题

9

主题

童生

Rank: 1

积分
39
 楼主| 发表于 2013-2-7 14:42:42 | 显示全部楼层 |阅读模式
本实例主要介绍了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="提交" /><br/>
复选应用
<INPUT TYPE="checkbox" NAME="love"  value="打球">打球
<INPUT TYPE="checkbox" NAME="love" value="游泳">游泳
<INPUT TYPE="checkbox" NAME="love" value="看书">看书
<INPUT TYPE="checkbox" NAME="love" value="跳舞">跳舞
<INPUT TYPE="button" value="提交" /><br/>
</FORM>
</BODY>
</HTML>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表