Décochage checkbox Javascript

**none61** · 14/09/2018, 12h50

Bonjour tout le monde,

Je viens aujourd'hui vers vous car je n'arrive pas a faire fonctionner un petit script JS servant a décocher une checkbox.

J'ai essayé en javascript mais aussi en JQuery mais rien n'y fait...

Voici ou j'en suis.

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
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
 
</head>
 
<body>
 
 
<!-- Declaration de la checkbox -->
<input id="test" type="checkbox" name="checkbox1" class="js-switch" checked />
 
<!-- declaration du bouton pour checker -->
<button onclick="myFunction()">Decheck Me</button>
 
 
 
<script>
function myFunction() {
alert("ok");
document.getElementByClassName("js-switch").checked=false;
alert("ok2");
  }
</script>

Merci a vous

**feelwatt** · 14/09/2018, 13h27

Salut,
je ferais comme ca, sans js.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<input type="checkbox" id="la_check" name="">
 <label for="la_check">
 	Cocher/decocher
 </label>

**none61** · 14/09/2018, 13h38

Salut Feelwat, merci pour ta réponse,

Je suis obligé de passer par du Javascript car mes checkboxs seront activées ou désactivé via le parsage d'un .xml

Merci

**feelwatt** · 14/09/2018, 14h06

Ben là,
à part un getelementbyid('xxx')=true; je peux pas dire.
Pas assez calé.
A+

**eleydet** · 14/09/2018, 14h14

Bonjour,
Une solution...

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
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script src="http://code.jquery.com/jquery-migrate-1.1.0.js"></script>
 
</head>
 
<body>
 
<!-- Declaration de la checkbox -->
<input id="test" type="checkbox" name="checkbox1" class="js-switch" checked />
 
<!-- declaration du bouton pour checker -->
<button onclick="myFunction()">Decheck Me</button>
 
<script>
function myFunction() {
  alert("ok");
  document.getElementsByClassName("js-switch")[0].checked=false;
  alert("ok2");
}
</script>
 
</body>
</html>

**none61** · 14/09/2018, 18h24

Salut Eleydet,

Merci pour ta réponse

En effet ça fonctionne !!

J'avais aussi essayé avec la className mais sans succès car je ne mettais pas le [0]

Serais tu par hasard a quoi il sert?

Décochage checkbox Javascript

JavaScript

Vue hybride

Discussions similaires

Partager

Partager