Vérifier plusieurs case de sélection à l'aide de jquery
Je suis en train d'essayer de trouver la façon la plus simple pour obtenir les cases à cocher qui sont sélectionnés.
Voici mon script:
$(document).ready(function() {
$("input[name='chkTextEffects']").change(function() {
if ($("#cbSolid").is(':checked') == true) {
alert('Solid');
} else if ($("#cbOutline").is(':checked') == true) {
alert('Outline');
} else if ($("#cbSolid", "#cbOutline").is(':checked') == true) {
alert('SolidOutline');
} else if ($("#cbSolid", "#cbOutline").is(':checked') == false) {
alert('No Effects');
}
});
});
HTML:
<input type="checkbox" name="chkTextEffects" id="cbSolid" value="Solid" />Solid
<input type="checkbox" name="chkTextEffects" id="cbOutline" value="Outline" />Outline
<input id="TextEffectsSelection" type="hidden" />
Je ne suis pas sûr au sujet de cette ligne if ($("#cbSolid", "#cbOutline").is(':checked') == true)
ou dois-je utiliser bind
pour obtenir que travaillé.
Basé sur votre démo, on dirait que vous êtes à l'aide de cases à cocher pour imiter la radio le comportement de la touche. Votre if/else if semblent confirmer que vous êtes seulement à la recherche d'un seul élément sélectionné. Vous voudrez probablement utiliser des boutons radio à la place.
voulez obtenir à la fois les éléments sélectionnés, et parfois peut-être un aussi.Ainsi, d'après ce que j'ai besoin pour obtenir le cochée.
voulez obtenir à la fois les éléments sélectionnés, et parfois peut-être un aussi.Ainsi, d'après ce que j'ai besoin pour obtenir le cochée.
OriginalL'auteur coder | 2012-04-23
Vous devez vous connecter pour publier un commentaire.
Voici un exemple que j'ai créé qui démontre ce que je pense que vous tentez d'atteindre:
http://jsfiddle.net/qdvng/
Laissez-moi savoir si cela aide. Son essentiellement à l'aide de la ':checked' sélecteur jQuery pour récupérer les cases qui sont cochées, puis en itérant par le biais de leurs valeurs et de l'impression.
En outre, vous pouvez utiliser le :pas de sélecteur pour récupérer les cases qui ne sont pas vérifiées. sélecteurs jQuery (et de nouvelles CSS3 pseudo-sélecteurs) permettent élégant DOM l'interrogation.
question rhétorique; mais comment avez vous fait pour arriver à la solution complète de cette question LOL
de Cliquez sur le bouton comment pourrais-je avoir sur la sélection de chaque case.
Vous avez la réponse dans votre question.
$("input[name='chkTextEffects']").change(function() {//do stuff});
Chaque fois qu'un de vos cases à cocher change d'état, un changement de l'événement est déclenché.OriginalL'auteur SuperPomodoro
Vous pouvez utiliser le :vérifié sélecteur de ce genre pour obtenir tous les coché les cases à cocher avec le nom spécifié:
OriginalL'auteur Craig
JQUERY
http://api.jquery.com/checkbox-selector/
http://www.wiseguysonly.com/2010/01/15/select-and-unselect-all-checkboxes-with-jquery/
OriginalL'auteur Sanjay Goswami
Pourquoi ne pas le faire:
OriginalL'auteur Uchenna Nwanyanwu