javascript怎么使一个已经无效的按钮变为有效
<scriptlangue="javascript">functionLoadPage(){document.form1.add.disabled=true;}funct...
<script langue="javascript">
function LoadPage()
{
document.form1.add.disabled=true;
}
function SaveChange()
{
document.form1.add.disabled=false;
}
</script>
<body onload="LoadPage();">
<form method="post" name="form1" >
<input type="button" name="add" value="完成修改" onClick="SaveChange();">
<input type="button" name="add" value="提交">
</form>
</body>
我就是想让页面载入的时候add按钮是不可用的，当点击完成编辑的按钮的时候，add按钮变为可用，在线等，谢谢高手
上面的是我打错了，我本来的两个按钮的名字是不一样的，但是还是没有实现我想要的功能 展开
function LoadPage()
{
document.form1.add.disabled=true;
}
function SaveChange()
{
document.form1.add.disabled=false;
}
</script>
<body onload="LoadPage();">
<form method="post" name="form1" >
<input type="button" name="add" value="完成修改" onClick="SaveChange();">
<input type="button" name="add" value="提交">
</form>
</body>
我就是想让页面载入的时候add按钮是不可用的，当点击完成编辑的按钮的时候，add按钮变为可用，在线等，谢谢高手
上面的是我打错了，我本来的两个按钮的名字是不一样的，但是还是没有实现我想要的功能 展开
6个回答
展开全部
使用disabled属性对使按钮有效和失效。
document.getElementById('btnName').disabled = true;//按钮失效
document.getElementById('btnName').disabled = false;//按钮可用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form name="form1">
<input type="button" name="add" value="add"/>
<input type="button" name="submit" value="submit"/>
</form>
<script>
form1.add.disabled = true;
form1.submit.onclick = function(){
form1.add.removeAttribute('disabled');
}
</script>
</body>
</html>
页面加载时add按钮为禁用状态不能点击
点击submit按钮后,add按钮就可以点击了
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form name="form1">
<input type="button" name="add" value="add"/>
<input type="button" name="submit" value="submit"/>
</form>
<script>
form1.add.disabled = true;
form1.submit.onclick = function(){
form1.add.removeAttribute('disabled');
}
</script>
</body>
</html>
页面加载时add按钮为禁用状态不能点击
点击submit按钮后,add按钮就可以点击了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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" />
<meta content="Cocowool" name="author" />
<meta content="" name="keywords" />
<meta content="" name="description" />
<title>Test</title>
<meta content="index,follow" name="ROBOTS"/>
<meta content="index, follow" name="GOOGLEBOT"/>
</head>
<script langue="javascript">
function LoadPage()
{
document.form1.add2.disabled=true;
}
function SaveChange()
{
document.form1.add2.disabled=false;
}
</script>
<body onload="LoadPage()">
<form method="post" name="form1" >
<input type="button" name="add1" value="完成修改" onClick="SaveChange()">
<input type="button" name="add2" value="提交">
</form>
</body>
</html>
___________________________________
我本地测试是没问题的，你把上面文件全拷到页面里，如果没效果就是你没启用javascript了
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="Cocowool" name="author" />
<meta content="" name="keywords" />
<meta content="" name="description" />
<title>Test</title>
<meta content="index,follow" name="ROBOTS"/>
<meta content="index, follow" name="GOOGLEBOT"/>
</head>
<script langue="javascript">
function LoadPage()
{
document.form1.add2.disabled=true;
}
function SaveChange()
{
document.form1.add2.disabled=false;
}
</script>
<body onload="LoadPage()">
<form method="post" name="form1" >
<input type="button" name="add1" value="完成修改" onClick="SaveChange()">
<input type="button" name="add2" value="提交">
</form>
</body>
</html>
___________________________________
我本地测试是没问题的，你把上面文件全拷到页面里，如果没效果就是你没启用javascript了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script langue="javascript">
function LoadPage()
{
document.form1.add.disabled=true;
}
function SaveChange()
{
document.form1.add.disabled=false;
}
</script>
</HEAD>
<BODY onload = "LoadPage()">
<form method="post" name="form1" >
<input type="button" name="edit" value="完成修改" onClick="SaveChange();">
<input type="button" name="add" value="提交">
</form>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script langue="javascript">
function LoadPage()
{
document.form1.add.disabled=true;
}
function SaveChange()
{
document.form1.add.disabled=false;
}
</script>
</HEAD>
<BODY onload = "LoadPage()">
<form method="post" name="form1" >
<input type="button" name="edit" value="完成修改" onClick="SaveChange();">
<input type="button" name="add" value="提交">
</form>
</BODY>
</HTML>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script langue="javascript">
function LoadPage()
{
form1.add.disabled=flase;
}
function SaveChange()
{
form1.add.disabled=true;
}
</script>
<body onload="LoadPage();">
<form method="post" name="form1" >
<input type="button" name="add" value="完成修改" onClick="SaveChange();">
<input type="button" name="submit" value="提交">
</form>
</body>
function LoadPage()
{
form1.add.disabled=flase;
}
function SaveChange()
{
form1.add.disabled=true;
}
</script>
<body onload="LoadPage();">
<form method="post" name="form1" >
<input type="button" name="add" value="完成修改" onClick="SaveChange();">
<input type="button" name="submit" value="提交">
</form>
</body>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
