浏览 1664 次
|
锁定老帖子 主题：javascript学习二
精华帖 (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或在下面回复也可以。 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2011-12-07
将全选的onclick函数名改一下，不要和name或者id相同
|
| 返回顶楼 | |
|
发表时间：2011-12-07
果然是这个问题，呵呵。多谢指点啊
|
| 返回顶楼 | |
