Bonjour,

Je dispose d'un code avec des Inputs en readonly, et je voudrais leur retirer en cliquant sur un bouton.
j'ai trouvé un code sur JSFiddle https://jsfiddle.net/ecjxs0nt/6/, qui fonctionne parfaitement sur tout les navigateurs.... mais pas internet explorer.
Comment pourrais-je arrangé ça?

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
  <head>
 
  </head>
  <body>
 
    <style type="text/css">
      input[readonly="true"] {
  color: gray;
  background-color: rgb(200, 200, 200);
}
    </style>
 
    <script type="text/javascript">allowRead = function() {
  let inputsToUnlock = document.querySelectorAll(".tomodify");
  
  for(let inputElement of inputsToUnlock) {
    inputElement.removeAttribute("readonly");
  }
}</script>
 
    <form>
      <input readonly="true" class="tomodify" value="1">
      <input readonly="true" class="tomodify" value="2">
      <input readonly="true" class="tomodify" value="3">
      <input value="4">
    </form>
 
    <button onclick="allowRead()">Cliquer pour déverrouiller les champs</button>
  </body>
</html>