全国服务热线:4008-888-888

技术知识

JS新手案例实例教程(8):单选按键、复选按键

本案例关键详细介绍了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= 重要字 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= 递交 quot;sel_coun(); / 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= 递交 quot;sel_love(); / br/
  /FORM
  /BODY
/HTML

实际效果演试:


[Ctrl+A 所有挑选 提醒:你可以先改动一部分编码,再按运作]


HTML5自适应网站基本建设处理计划方案

伴随着移动互联网网的朝气蓬勃发展趋势,很多的传统式网站早已不可以考虑移动互...

查询 HTML5响应式网站建设解决方案
室内装修制造行业企业网站建设处理计划方案

伴随着在我国大城市化工程建筑发展趋势,装饰设计制造行业和室内装修制造行业都不断提温。在...

查询 装修行业网站建设解决方案
机械设备制造行业企业网站建设处理计划方案

机械设备制造行业在中国是类目数最多的一个制造行业,融科建网站了解类目就包...

查询 机械行业网站建设解决方案
LED制造行业企业网站建设处理计划方案

LED制造行业关键遍及浙广两省,以半导体材料产业链朝向产业链链每个阶段的...

查询 LED行业网站建设解决方案
IT手机软件系统软件企业网站建设总体处理计划方案

融科建网站觉得IT手机软件制造行业涉及到面范围广,要是从业互连网硬软件开...

查询 IT软件系统网站建设整体解决方案


在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服