论坛首页 Web前端技术论坛

javascript学习二

浏览 1663 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-12-07  

检验输入的是否是数字:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	function config(){
		var numchar="0123456789";
		var num=document.getElementById("num").value;
		var flag=true;
		for(var i=0;i<num.length;i++){
			if(numchar.indexOf(num.charAt(i))==-1){
				flag=false;
				break;
			}
		}
		if(flag){
			document.getElementById("form1").submit();
		}
		else{
			alert("不是数字");
		}
	}
</script>
</head>
<body>
<form id="form1" action="b.jsp">
	输入数字<input type="text" name="num" id="num"><br>
	<input type="button" value="提交" onclick="config();">
</form>
</body>
</html>

 全选功能和收起、展开的功能

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	function all(){
		alert("1111");
		var a=document.getElementsByName("all")[0];
		var s=document.getElementsByName("select");
		alert("2222");
		if(a.checked){
			alert("3333");
			//var s=document.getElementById("select");
			for(var i=0;i<s.length;i++){
				alert("4444");
				s[i].checked=true;
				alert("5555");
			}
		}
		else{
			alert("6666");
			//var s=document.getElementsByName("select");
			for(var i=0;i<s.length;i++){
				alert("7777");
				s[i].checked=false;
				alert("8888");
			}
		}
	}
	function sh(){
		var btnValue=document.getElementById("btn").value;
		if(btnValue=="收起"){
			document.getElementById("table1").style.display="none";
			document.getElementById("btn").value="展开";
		}
		else{
			document.getElementById("table1").style.display="block";
			document.getElementById("btn").value="收起";
		}
	}
</script>
</head>
<body>
<%int num=Integer.parseInt(request.getParameter("num")); %>
<table align="center" border="1">
<tr>
	<td><input type="checkbox" name="all" id="all" onclick="all();">全选</td>
	<td>
		<input type="button" value="收起" id="btn" onclick="sh();">
	</td>
</tr>
</table>
<table align="center" border="1" id="table1" name="table1">
	<%
		int i=0;
		for(;i<num;i++){
			%>
			<tr>
				<td><input type="checkbox" name="select" id="select"></td>
				<td><%=i %></td>
			</tr>
			<%
		}
	%>
</table>
</body>
</html>

 全选功能在IE中不能实现,如果有人知道原因请通知我QQ:1053755406或在下面回复也可以。

   发表时间:2011-12-07  
将全选的onclick函数名改一下,不要和name或者id相同
0 请登录后投票
   发表时间:2011-12-07  
果然是这个问题,呵呵。多谢指点啊
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics