Se connecter avec
S'enregistrer | Connectez-vous

Supprimer un innerHTML (HTML, JavaScript)

Dernière réponse : dans Programmation

Bonjour, vous allez bien?

J'ai un petit probleme qui me casse la tete depuis hier soir et je ne trouve toujours pas de solution.

Il s'agit d'un checkbox qui fait apparaitre un champ (text ou autre) dans un formulaire. Jusque la tout marche bien. Le probleme est que si l'on decoche le checkbox il ajjoute encore un champ au formulaire.

Je vous eclaircis avec le code ci dessous:

-----------------
<html><head>
<title>Test</title>
<script language="javascript">
function changeIt()
{
var i = 1;
my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name='mytext'>"
}

</script>
</head>
<body>
<div id="my_div">
<input type="text" name="blabla">
<input type="checkbox" id="licence" onClick="changeIt();">
</div>
</body>
------------------

(Mon but est de supprimer le champ une fois le checkbox decoche). J'ai essaye avec des div pour les supprimer mais sans resultats.

Si quelqu'un a une idee, il est le bienvenue. Merci
Lassé par la pub ? Créez un compte
Expert Programmation

le but est que le champ texte apparaisse si la case est cochée?
  1. <html>
  2. <head>
  3. <script language="javascript">
  4. function changeIt() {
  5. if (document.getElementById('licence').checked) {
  6. document.getElementById('intext').innerHTML = "<br><input type='text' name='mytext'>";
  7. } else {
  8. document.getElementById('intext').innerHTML = "<br><input type='text' name='mytext'>";
  9. }
  10. }
  11. </script>
  12. </head>
  13. <body>
  14. <div id="my_div">
  15. <input type="text" name="blabla">
  16. <input type="checkbox" id="licence" onClick="changeIt();"><div id="intext"></div>
  17. </div>
  18. </body>

Salut, merci de ta reponse rapide.

Serait t'il possible de faire en sorte que une fois le checkbox decoche, que la case ajoutee disparaisse avec ---->

<script language="javascript">
function removeIt(){
var my_div = document.getElementById('my_div');
my_div.removeChild(my_div.firstChild);
}

</script>

Je trouve pas d'evenement pour ajouter apres onClick :-( onChange, onKeyUp ??
Expert Programmation

oupsss, j'ai merdé sur mon code :) 
  1. <html>
  2. <head>
  3. <script language="javascript">
  4. function changeIt() {
  5. if (document.getElementById('licence').checked) {
  6. document.getElementById('intext').innerHTML = "<br><input type='text' name='mytext'>";
  7. } else {
  8. document.getElementById('intext').innerHTML = "";
  9. }
  10. }
  11. </script>
  12. </head>
  13. <body>
  14. <div id="my_div">
  15. <input type="text" name="blabla">
  16. <input type="checkbox" id="licence" onClick="changeIt();"><div id="intext"></div>
  17. </div>
  18. </body>


désloé :) 
Lassé par la pub ? Créez un compte
Tom's guide dans le monde