Question

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

当用户单击“编辑”按钮时，必须启用“更新”按钮，并且应禁用“编辑”按钮，并且用户只能编辑FirstName和LastName，但不能编辑{ {1}}字段。请帮助我。

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

EmpId

Answer 1

尝试以下方式：

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>

交替启用和禁用html中的按钮

1 个答案: