J'ai ce formulaire pour ajouter des vidéos. Maintenant, il y a un champ de saisie pour "title" et je veux que cela disparaisse si vous avez coché la case "tryout". Comment dois-je faire cela dans JS .. j'utilise jquery.Javascript if box checked
Répondre
Supposons que vous ayez correct ids attribué pour les deux champs quelque chose comme ceci fonctionnera:
$('#tryout').click(function() {
$('#title').toggle(!$(this).attr('checked'));
});
IMO vous devez passer! ($ This) .attr ('checked') parce que nous voulons cacher l'élément lorsque la case est cochée, et tout en utilisant toggle, false value cache l'élément. La deuxième chose, nous n'avons pas à envelopper avec l'objet jQuery pour obtenir la valeur vérifiée. Il suffit d'utiliser this.checked. – Rafael
En effet, la condition de bascule doit être annulée. Deuxième chose: vous n'avez pas à le faire mais je préfère le garder comme ça. Je n'aime pas mélanger le code jQuery avec les opérations JS DOM "pures". – RaYell
Je ne peux pas obtenir ce travail? Il ne se cache pas lorsque j'appuie sur la case – Karem
vous pouvez simplement écrire dans la fonction document.ready.
$("#chkboxId").clicked(function(){
if($(this).attr("checked"))
$("#title").hide();
else
$("#title").show();
});
Puisque je crois que l'OP (et n'importe qui vraiment) voudra en pratique avoir un contrôle plus flexible sur l'affichage, je suggèrerais d'utiliser toggleClass ('removed', $ this.checked) sur la manipulation de style d'élément, où 'enlevé' est une classe CSS avec affichage: none. – annakata
cela ne fonctionne pas? – Karem
Quelle erreur obtenez-vous? – Amitabh
<input type="checkbox" id="tryout" name="tryout" onclick="javascript:$('#tryout').hide();">Tryout</input>
IT se cache seulement, mais n'apparaît pas si vous marquez l'essai SC? – Karem
- 1. javascript instruction if avec Rails
- 2. javascript message box
- 3. javascript pop-up box
- 4. JavaScript find box
- 5. Aller à #div box JavaScript
- 6. Javascript Confirmation Box on Exit
- 7. Instruction if/else Javascript if/else
- 8. erreur d'exécution Javascript IF
- 9. Javascript consolidant if statements
- 10. javascript if instruction question
- 11. Javascript/JQuery instruction if
- 12. comment trouver un chèque id box javascript
- 13. Javascript OU dans une instruction IF
- 14. jQuery ajouter checked = "checked" à la radio/cases
- 15. javascript if - else le raccourci ne fonctionne pas?
- 16. javascript boucle déroulant instruction if
- 17. Problème avec javascript if statement
- 18. Travailler avec checked listBox
- 19. javascript select box suspendu à la deuxième sélection dans ie7
- 20. Inclure l'espace entre deux mots Javascript if() instruction
- 21. Ajout dynamique Combo-box
- 22. Writable Select Box
- 23. javascript drop down loop if instruction
- 24. appeler PHP d'un javascript instruction if
- 25. Retour de Javascript false dans if instructions
- 26. Traitement de plusieurs instructions IF Javascript
- 27. Javascript if (j === null) ne rien faire
- 28. instruction "if" dans javascript & affichage résultat dans l'étiquette
- 29. Jquery Super box charge automatiquement
- 30. IE supprime l'attribut CHECKED pendant l'animation
Pourquoi ce downvoted? en votant encore ceci. – questzen
@questzen: parce qu'il y a très peu de détails, et pas de code, fournis dans la question. L'OP demande dans un genre de "faire ceci pour moi". Voir: http://stackoverflow.com/questions/2260888/javascript-if-box-checked – Ether
@Ether: d'accord, mais comment les gens apprendraient-ils de leurs erreurs, s'il n'y a pas de commentaires donnés? – questzen