RemoveAttribute à un groupe d'input IE11
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:
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> |
