J'ai des cases à cocher dans "TD" étiquette de table comme dans jQuery, je modifie ci-dessous des lignes de code comme Fondamentalement, je souhaite que l'utilisateur clique sur Soumettre le bouton et l'événement de bouton Onsubmit, il vérifiera les cases à cocher les cases à cocher et si leur sexe est différent, il devrait afficher un message d'alerte indiquant que "seuls les étudiants d'un sexe peuvent être sélectionnés".
5 Réponses :
Il ressemble à un seul si peut faire ce que vous voulez en fonction de bons sélecteurs ou je fais une erreur de comprendre votre problème?
Problème: $ ('entrée [sexe = "mâle"]: vérifié') sera toujours en vigueur, car il renvoie un objet JQuery. Testez à la place de la longueur: $ ('entrée [sexe = "mâle"]: vérifié'). Longueur puis obtenir un uppote :)
J'ai édité et j'ai appris une chose, je pensais que cela reviendra non défini alors, merci :)
Je veux que l'utilisateur clique sur Soumettre les boutons et l'événement sur le bouton Onsubmit, il vérifiera les cases à cocher les cases à cocher et si leur sexe est différent, il devrait afficher un message d'alerte disant que "seuls les étudiants d'un sexe peuvent être sélectionnés"
@Nida c'est exactement ce que ce code fait. Meilleure réponse ici
@Nida l'intégrait simplement dans votre fonction Onsubmit
Utilisez Const pour un autregender et donnez-lui un sexe prédéfini
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<td>
<input class="a" type="checkbox" value="Male"/>Male
<input class="a" type="checkbox" value="Female"/>Female
<br>
<input class="b" gender="Female" id="5c6434a8590a0654a0002b5a" academicyearid="5b879ec6590a062ba4005fdb" type="checkbox">
</td>
<td>
<input class="b" gender="Female" id="5c6434a8590a0654a0002b0a" academicyearid="5b879ec6590a062ba4005fdb" type="checkbox">
</td>
<td>
<input class="b" gender="Male" id="5c6434a8590a0654a0002b04" academicyearid="5b879ec6590a062ba4005fdb" type="checkbox">
</td>Exécutez l'extrait, vérifiez uniquement l'homme, vous obtenez l'alerte de rejet et vous ne pouvez pas le vérifier.
Parce que la variable est déjà définie sur femelle, si défini sur mâle, il sélectionnera un mâle seulement
... Mais je ne peux pas sélectionner mâle. Trouver pourquoi le code ne fonctionne pas ne le fera pas fonctionner :)
Juste fait. J'ai vérifié mâle, puis j'ai vérifié une femme sans problème (ce qui est faux). Ensuite, j'ai vérifié la troisième et quatrième case (?) Sans problème. Ensuite, le dernier m'a donné une alerte. Je n'ai pas vraiment la logique de ceci :)
Les 2 premières cases à cocher doivent sélectionner le sexe que vous souhaitez. Vous pouvez sélectionner les deux. Ces derniers 3 sont là où la logique s'applique. Si le mâle est sélectionné et que vous essayez ensuite de choisir parmi les 3 autres, vous obtiendrez le résultat
Ah, je l'obtiens, belle idée. Cependant, j'ai fini par une "femme" sélectionnée (ce qui signifie que je ne devrais peut-être que sélectionner des cases à cocher), puis ci-dessous, je pourrais sélectionner les trois cases à cocher des deux sexe, sans problème: /
Maintenant, ça marche, mais je ne peux pas changer d'avis :) Dès que je vérifie "mâle", les deux autres cases à cocher sont désactivées ... Alors, que si je change d'avis et que je veux sélectionner uniquement les femmes maintenant? Je ne peux pas
Hahaha, je pourrais désormais sélectionner les hommes et les femmes et obtenir les deux désactivés XD OK, utilisent simplement des boutons radio pour les tops, arrêtez d'utiliser des cases à cocher, cela facilitera votre vie de vie.
Si vous pouvez accéder au genre utilisateur, pourquoi ne pas utiliser jQuery pour ajouter l'attribut vérifié à l'aide de p> .prop ("coché", vrai); code>
<html>
<head><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script></head>
<body>
<input type='checkbox' id='check' checked='false'>
<label for="check">Check me</label>
</body>
</html>
La réponse est complètement différente de la question ci-dessus
@Deepak il veut vérifier l'entrée sur la soumission, mais il peut vérifier l'entrée correcte et "Sélectionner" et ajouter une désactivation à toutes les entrées pour éviter de vérifier ce paramètre dans la soumission
var sexe = "mâle"; Si (genre == 'mâle') ?? Quel genre de condition est-ce? :) Et en effet, la réponse n'a rien à voir avec le problème initial
@Jeremythille juste un exemple, je ne connais pas la mise en œuvre de l'affiche
Eh bien, la question est claire. Vous avez trois cases à cocher, deux femelles, un homme; Vous ne pouvez pas sélectionner deux cases à cocher de différents genders. Maintenant, comment votre réponse résout-elle ce problème?
Vous pouvez utiliser ceci:
var selectedGender;
$('.commoncheckbox input:checked').each(function () {
var gender = $(this).attr('gender');
if(selectedGender & selectedGender !== gender) {
alert("only students of one gender can be selected");
}
selectedGender = gender;
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr>
<td>
<input gender="Female" id="5c6434a8590a0654a0002b5a" academicyearid="5b879ec6590a062ba4005fdb" type="checkbox">
</td>
<td>
<input gender="Female" id="5c6434a8590a0654a0002b0a" academicyearid="5b879ec6590a062ba4005fdb" type="checkbox">
</td>
<td>
<input gender="Male" id="5c6434a8590a0654a0002b04" academicyearid="5b879ec6590a062ba4005fdb" type="checkbox">
</td>
</tr>
</table>
<button>Vaidate</button>
Tout d'abord, le code JQuery ne sera jamais déclenché car il n'y a pas de classe avec le nom CommonCheckbox
autregender?C'est juste un code factice
Joignez un événement de changement aux cases à cocher et lorsque cela est déclenché, obtenez le Gender Attr des autres cases à cocher vérifiées, s'il contient un sexe différent, puis apparaît l'alerte.
Qu'est-ce que vous voulez exactement faire? Sélection d'un homme ou d'une femme seulement?
Pourquoi le genre est-il attaché à choisir des cours? Vous ne pouvez pas simplement aimer, montrer uniquement les cours à la disposition du sexe qu'ils ont sélectionné avant dans une autre partie du formulaire? Ce serait une expérience plus agréable que de pouvoir cliquer sur des choses que vous n'êtes pas censé pouvoir cliquer sur.
Quelle sera la valeur d'un autre sexe, est-ce un homme ou une femme
J'ai mis à jour ma question
Je veux que l'utilisateur clique sur Soumettre les boutons et l'événement sur le bouton Onsubmit, il vérifiera les cases à cocher les cases à cocher et si leur sexe est différent, il devrait afficher un message d'alerte disant que "seuls les étudiants d'un sexe peuvent être sélectionnés"