Включение и отключение кнопок в HTML альтернативно - PullRequest
Новая
       0

Включение и отключение кнопок в HTML альтернативно

0 голосов
/ 28 июня 2018

Когда пользователь открывает страницу, кнопка «Обновить» должна быть отключена, а кнопка «Редактировать» должна быть включена, и не должно быть никаких прав для редактирования текстовых полей.

Когда пользователь нажимает кнопку «Редактировать», кнопка «Обновить» должна быть включена, кнопка «Редактировать» должна быть отключена, и пользователь может редактировать только 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>

1 Ответ

0 голосов
/ 28 июня 2018

Попробуйте следующим образом: 

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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...