2010-02-14 7 views
0

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

+0

Pourquoi ce downvoted? en votant encore ceci. – questzen

+0

@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

+0

@Ether: d'accord, mais comment les gens apprendraient-ils de leurs erreurs, s'il n'y a pas de commentaires donnés? – questzen

Répondre

1

Supposons que vous ayez correct ids attribué pour les deux champs quelque chose comme ceci fonctionnera:

$('#tryout').click(function() { 
    $('#title').toggle(!$(this).attr('checked')); 
}); 
+0

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

+0

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

+0

Je ne peux pas obtenir ce travail? Il ne se cache pas lorsque j'appuie sur la case – Karem

1

vous pouvez simplement écrire dans la fonction document.ready.

$("#chkboxId").clicked(function(){ 
    if($(this).attr("checked")) 
    $("#title").hide(); 
    else 
    $("#title").show(); 
}); 
+0

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

+0

cela ne fonctionne pas? – Karem

+0

Quelle erreur obtenez-vous? – Amitabh

0
<input type="checkbox" id="tryout" name="tryout" onclick="javascript:$('#tryout').hide();">Tryout</input> 
+0

IT se cache seulement, mais n'apparaît pas si vous marquez l'essai SC? – Karem