大家帮我看下下面的js代码

hexinping123 2011-11-24 02:06:42

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

</head>

<body>
<input type="text" value="sdf" id="text"/>
<table border="1" id="ss" borad="1">
<tr><td><input type="text" value="sdf"></td></tr>
<tr><td><input type="text" value="sdf"></td></tr>
</table>
<input type="button" value="编辑table" id="btn1" />
<input type="button" value="锁定table" id="btn2" />
<script language="javascript">
function set_disabled(boolean){
var es=document.getElementsByTagName("td");
for(i=0;i<es.length;i++){
es[i].disabled=boolean
}
var iText=document.getElementById("text");
iText.readOnly=boolean
}
set_disabled(true);
document.getElementById("btn1").onclick=set_disabled(false);
document.getElementById("btn2").onclick=set_disabled(true);

</script>
</body>
</html>

上面红线部分显示错误了，改成下面的代码就可以了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

</head>

<body>
<input type="text" value="sdf" id="text"/>
<table border="1" id="ss" borad="1">
<tr><td><input type="text" value="sdf"></td></tr>
<tr><td><input type="text" value="sdf"></td></tr>
</table>
<input type="button" value="编辑table" id="btn1" onclick="set_disabled(false)"/>
<input type="button" value="锁定table" id="btn2" onclick="set_disabled(true)"/>
<script language="javascript">
function set_disabled(boolean){
var es=document.getElementsByTagName("td");
for(i=0;i<es.length;i++){
es[i].disabled=boolean
}
var iText=document.getElementById("text");
iText.readOnly=boolean
}
set_disabled(true);

</script>
</body>
</html>

大家帮我看下是为什么，求解………………

...全文

71 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

liangws 2011-11-24

打赏
举报

document.getElementById("btn1").onclick=set_disabled(false);
document.getElementById("btn2").onclick=set_disabled(true);

js中onclick只能绑定函数，楼主你set_disabled(false);直接是执行了set_disabled函数了。。所以得
document.getElementById("btn1").onclick=function(){
set_disabled(false);
}
document.getElementById("btn2").onclick=function(){
set_disabled(true);
}

MuBeiBei 2011-11-24

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>



</head>



<body>

 <input type="text" value="sdf" id="text"/>

<table border="1" id="ss" borad="1">

<tr><td><input type="text" value="sdf"></td></tr>

<tr><td><input type="text" value="sdf"></td></tr>

</table>

<input type="button" value="编辑table" id="btn1" />

<input type="button" value="锁定table" id="btn2" />

<script language="javascript">

function set_disabled(boolean){

var es=document.getElementsByTagName("td");

for(i=0;i<es.length;i++){

es[i].disabled=boolean

}

var iText=document.getElementById("text");

iText.readOnly=boolean

}

set_disabled(true);

document.getElementById("btn1").onclick=function(){set_disabled(false);}

document.getElementById("btn2").onclick=function(){set_disabled(true);}







</script>

</body>

</html>