这个好使:<!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=gb2312">
<title>无标题文档</title>
<script language="javascript">
function onTest(){
alert("测试!");
}
</script>
</head><body>
<form action="" method="post" name="thisform">
<input name="test" type="button" value="test" onClick="onTest()">
</form>
这个就有错:<!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=gb2312">
<title>无标题文档</title>
<style>
.fth{
font-size: 12px;
color: #333333;
text-align: center;
background-color: #3AB1B1;
}
.tr1{
font-size: 12px;
text-align: center;
background-color: #EFEFEF;
}
.tr2{
background-color: #D0D7D9;
text-align: center;
font-size: 12px;
}
.butt{
border:1px solid #666666;
background-color: #CCCCCC;
font-size:12px;
}
</style>
<script language="javascript">
function onselall() {
var e = document.getElementsByName("choose")
if(e.length>1)
for(i=0;i<e.length;i++)
e[i].checked=true;
else
e[0].checked=true;
}
function checkcount() {
var intCount=0;
var i;
var e = document.getElementsByName("choose")
if(e.length>1) {
for(i=0;i<e.length;i++) {
if(e[i].checked)
intCount=intCount+1;
}
} else {
if(e[0].checked) intCount++;
}
return intCount;
}
function onshow() {
alert('test!');
}
function onupdate(){
var ret;
ret = checkcount();
if(ret<1){
alert("请选择要修改的记录!");
return;
}
else if(ret>1) {
alert("一次只能修改一条记录!");
return;
}
document.thisform.action="";
document.thisform.submit();
}
function ondelete(){
if(checkcount()<1) {
alert("请选择要删除的记录!");
return false;
}
if(confirm("您确定要删除这些记录吗?") ){
document.thisform.action="";
document.thisform.submit();
}
}
</script>
</head><body >
<form action=" " method="post" name="thisform">
<table width=95% border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#FFFFFF" name="tbl">
<tr class="tr1">
<td><input name="choose" type="checkbox" value=""></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="tr2">
<td><input name="choose" type="checkbox" value=""></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF"><td height="20" colspan="6">
</td>
</tr>
<tr>
<td colspan="6" bordercolor="#FFFFFF" bgcolor="#FFFFFF"><div align="right">
<input name="Submit" type="button" class="butt" value="测试" onclick="onshow()">
<input class="butt" name="selectall" type="button" value="全选" onclick="onselall()">
<input class="butt" name="update" type="button" value="修改" onclick="return(onupdate())">
<input class="butt" name="delete" type="button" value="删除" onclick="return ondelete()">
<input class="butt" name="reset" type="reset" value="重置">
</div></td>
</tr>
</table>
</form>
</body>
</html>
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function onTest(){
alert("测试!");
}
</script>
</head><body>
<form action="" method="post" name="thisform">
<input name="test" type="button" value="test" onClick="onTest()">
</form>
这个就有错:<!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=gb2312">
<title>无标题文档</title>
<style>
.fth{
font-size: 12px;
color: #333333;
text-align: center;
background-color: #3AB1B1;
}
.tr1{
font-size: 12px;
text-align: center;
background-color: #EFEFEF;
}
.tr2{
background-color: #D0D7D9;
text-align: center;
font-size: 12px;
}
.butt{
border:1px solid #666666;
background-color: #CCCCCC;
font-size:12px;
}
</style>
<script language="javascript">
function onselall() {
var e = document.getElementsByName("choose")
if(e.length>1)
for(i=0;i<e.length;i++)
e[i].checked=true;
else
e[0].checked=true;
}
function checkcount() {
var intCount=0;
var i;
var e = document.getElementsByName("choose")
if(e.length>1) {
for(i=0;i<e.length;i++) {
if(e[i].checked)
intCount=intCount+1;
}
} else {
if(e[0].checked) intCount++;
}
return intCount;
}
function onshow() {
alert('test!');
}
function onupdate(){
var ret;
ret = checkcount();
if(ret<1){
alert("请选择要修改的记录!");
return;
}
else if(ret>1) {
alert("一次只能修改一条记录!");
return;
}
document.thisform.action="";
document.thisform.submit();
}
function ondelete(){
if(checkcount()<1) {
alert("请选择要删除的记录!");
return false;
}
if(confirm("您确定要删除这些记录吗?") ){
document.thisform.action="";
document.thisform.submit();
}
}
</script>
</head><body >
<form action=" " method="post" name="thisform">
<table width=95% border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#FFFFFF" name="tbl">
<tr class="tr1">
<td><input name="choose" type="checkbox" value=""></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="tr2">
<td><input name="choose" type="checkbox" value=""></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF"><td height="20" colspan="6">
</td>
</tr>
<tr>
<td colspan="6" bordercolor="#FFFFFF" bgcolor="#FFFFFF"><div align="right">
<input name="Submit" type="button" class="butt" value="测试" onclick="onshow()">
<input class="butt" name="selectall" type="button" value="全选" onclick="onselall()">
<input class="butt" name="update" type="button" value="修改" onclick="return(onupdate())">
<input class="butt" name="delete" type="button" value="删除" onclick="return ondelete()">
<input class="butt" name="reset" type="reset" value="重置">
</div></td>
</tr>
</table>
</form>
</body>
</html>
<!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=gb2312">
<title>无标题文档</title>
<style>
.fth{
font-size: 12px;
color: #333333;
text-align: center;
background-color: #3AB1B1;
}
.tr1{
font-size: 12px;
text-align: center;
background-color: #EFEFEF;
}
.tr2{
background-color: #D0D7D9;
text-align: center;
font-size: 12px;
}
.butt{
border:1px solid #666666;
background-color: #CCCCCC;
font-size:12px;
}
</style>
<script language="javascript">
function onselall() {
if(document.thisform.choose.length>1)
for(i=0;i<document.thisform.choose.length;i++)
document.thisform.choose[i].checked=true;
else
document.thisform.choose.checked=true;
}
function checkcount() {
var intCount=0;
if(document.thisform.chooose.length>1) {
for(i=0;i<document.thisform.choose.length;i++) {
if(document.thisform.choose[i].checked)
intCount=intCount+1;
}
} else {
if(document.thisform.choose.checked) intCount++;
}
return intCount;
}
function onshow() {
alert('test!');
}
function onupdate(){
if (checkcount()<1){
alert("请选择要修改的记录!");
return;
}
else if (checkcount()>=1){
alert("一次只能修改一条记录!");
return;
}
document.thisform.action="";
document.thisform.submit();
}function ondelete(){
if(checkcount()<1){
alert("请选择要删除的记录!");
return false;
}
if(confirm("您确定要删除这些记录吗?")){
document.thisform.action="";
document.thisform.submit();
}
}
</script>
</head><body >
<form action="" method="post" name="thisform">
<table width=95% border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bgcolor="#FFFFFF" name="tbl">
<tr class="tr1">
<td><input name="choose" type="checkbox" value=""></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr class="tr2">
<td><input name="choose" type="checkbox" value=""></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr bordercolor="#FFFFFF" bgcolor="#FFFFFF"><td height="20" colspan="6">
</td>
</tr>
<tr>
<td colspan="6" bordercolor="#FFFFFF" bgcolor="#FFFFFF"><div align="right">
<input name="Submit" type="button" class="butt" value="测试" onclick="onshow()">
<input class="butt" name="selectall" type="button" value="全选" onclick="onselall()">
<input class="butt" name="update" type="button" value="修改" onclick="javascript:return onupdate()">
<input class="butt" name="delete" type="button" value="删除" onclick="javascript:return ondelete()">
<input class="butt" name="reset" type="reset" value="重置">
</div></td>
</tr>
</table>
</form>
</body>
</html>