为 1 个按钮集成 2 个功能，并在重新加载后保持输入字段禁用

Question

A) I would like to have 2 different functions for 1 button. For first click function 1 should start, for second click function 2, for third click function 1, fourth click function 2...

For now I need 2 buttons, one disables and the other one enables the possibility to input data in a form field. The best would be to have both functions for 1 button (as explained above).

Does anyone has an idea how to do that?

B) All data get saved and can be reopened in the datamanagementsystem. I would like that disabled fields stay disabled (after reopening the form again) for input. Is there a possibility to do so?

    <script>
function disable18() {
  document.getElementById("field1").disabled = true;
}
function enable18() {
    document.getElementById("field1").disabled = false;
}
</script>

Answer 1

My asnwer will solve problem A however problem B is a little more complicated. You will need a flag for this, for example this is your html

<input type="text" id="field1">
<button id="toggler" class="btn btn-success" onclick="toggleNav()">Toggler</button>

in your js start off with creating your flag, let's set it to false

var nav = false;

When your 1st function is called change your flag to true

function disable18() {
  document.getElementById("field1").disabled = true;
  nav = true;
}

Now for the second function we will set it back to false

function enable18() {
  document.getElementById("field1").disabled = false;
  nav = false;
}

Now we create the function that toogles between the 2 of them

function toggleNav() {
  if(nav==false){
    disable18();
  } else {
    enable18();
  }
}

After that, all that's left is make sure your toggleNav() function in the onclick() in your button. Now for problem BI have more questions than answers. Need more details about how do you want to do achieve that