0

当用户打开页面时，必须禁用更新按钮并启用编辑按钮，并且应该没有机会编辑文本字段。

当用户单击编辑按钮时，更新按钮必须启用，编辑按钮应禁用，用户只能编辑FirstName，LastName但不能编辑EmpId字段。请帮助我。

这是我的代码的一部分：-

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
  function func1(){
    document.getElementById("update").disabled=true;
  }
  function btnUpdate(){
    if(document.getElementById("edit").clicked=true;){
        document.getElementById("update").disabled=false;
    }
  }
</script>
</head>
<body  onload="func1()">
  <table rules="all" border="" style="position: absolute;left: 337px;top: 125px;">
    <tr><td id="EmpID">EmpID:</td><td><input type="text" value="MGIS107"></td></tr>
    <tr><td id="FirstName">FirstName:</td><td><input type="text" value="Vikas"></td></tr>
    <tr><td id="LastName">LastName:</td><td><input type="text" value="Dubbaka"></td></tr>
    <input type="button" value="Update" id="update">
    &nbsp;
    <input type="button" value="Edit" id="edit" onclick="btnUpdate()">
  </body>
</html>
4

1 回答 1

0

试试下面的方法：

var empId = document.getElementById("EmpID");
var fName = document.getElementById("FirstName");
var lName = document.getElementById("LastName");
empId.disabled = true;
function func1(){
    document.getElementById("update").disabled = true;
    fName.disabled = true;
    lName.disabled = true;
}
function btnUpdate(el){
  document.getElementById("update").disabled = false;
  el.disabled = true;
  fName.disabled = false;
  lName.disabled = false;
}
<body  onload="func1()">
  <table rules="all" border="" style="position: absolute;left: 337px;top: 125px;">
  <tr><td>EmpID:</td><td><input type="text" id="EmpID" value="MGIS107"></td></tr>
  <tr><td>FirstName:</td><td><input type="text" id="FirstName" value="Vikas"></td></tr>
  <tr><td>LastName:</td><td><input type="text" id="LastName" value="Dubbaka"></td></tr>
  <input type="button" value="Update" id="update">
  &nbsp;
  <input type="button" value="Edit" id="edit" onclick="btnUpdate(this)">
  </table>
</body>

于 2018-06-28T11:48:31.633 回答