zoukankan      html  css  js  c++  java
  • HTML学习三

    今天主要学习的为JS和HTML标签的一起使用:

    一、重定向:

    <html>
    	<head>
    		<title>JavaScript1</title>
    	</head>
    	<script type="text/javascript" language="javascript">
    	   function fun(value)
    	   {
    			window.location = value;
    	   }
    	</script>
    	<body>
    	    <select name="url" onchange="fun(this.value)">
    		   <option value="">==select==</option>
    		   <option value="http://www.baidu.com">baidu</option>
    		   <option value="http://www.sohu.com">sohu</option>
    		</select>
    	</body>
    </html>
    

      

    二、全选

    <html>
    	<head>
    		<title>JavaScript2</title>
    		<script type="text/javascript" language="javascript">
    			function funAll()
    			{
    				if(document.all("email").length == undefined )
    				{
    					document.all("email").checked = document.all("selectall").checked;
    				}
    				else
    				{
    					var obj = document.all("email");
    					for( var x=0;x<obj.length;x++)
    					{
    						obj[x].checked = document.all("selectall").checked;
    					}
    				}
    			}
    		</script>
    	</head>
    	<body>
    		<form action="javascript1.html" name="myform">
    			<input type="checkbox" name="email"/>emailA<br/>
    			<input type="checkbox" name="email"/>emailB<br/>
    			<input type="checkbox" name="email"/>emailC<br/>
    			<input type="checkbox" name="email"/>emailD<br/>
    			<hr>
    			<input type="checkbox" name="selectall" onclick="funAll()">selecAll
    		</form>
    	</body>
    </html>
    

      

    三、单选

    <html>
    	<head>
    		<title>JavaScript3</title>
    		<script type="text/javascript" language="javascript">
    			function visitSex()
    			{
    				var obj = document.all("sex");
    				if(obj.length == undefined )
    				{
    					alert(obj.value);
    				}
    				else
    				{
    					if(obj[0].checked)
    					{
    						alert("select is:"+obj[0].value);
    					}else
    					{
    						alert("select is:"+obj[1].value);
    					}
    				}
    			}
    		</script>
    	</head>
    	<body>
    		<input type="radio" name="sex" value="nan" checked="checked"/>man
    		  
    		<input type="radio" name="sex" value="nv" />woman
    		<hr/>
    		<input type="button" value="vistSex" onclick="visitSex()"/>
    	</body>
    </html>
    

      

  • 相关阅读:
    git 多个commit合并一个
    前端本地proxy跨域代理配置
    .net core指定环境类型
    使用流程引擎整体解决方案
    通用流程相关方法说明及调用事例
    流程引擎及流程设计器的嵌入方式
    可视化流程设计——流程设计器演示(基于Silverlight)
    通用流程设计
    动态网站后台解决方案
    timestamp时间格式
  • 原文地址:https://www.cnblogs.com/pony1223/p/5579363.html
Copyright © 2011-2022 走看看