La case à cocher Entrée revient toujours true, lorsque je le marquerai correctement, mais quand je signe tb je suis vrai. J'aimerais que la case à cocher pour revenir true lorsqu'elle soit cochée et false lorsqu'elle est décochée, cette façon d'appliquer ma logique dans la fonction Handlesubmit.
handleChange = e => {
const { name, value } = e.target;
console.log(name, value);
switch (name) {
case 'period': this.json.schedule = 'period'; break;
}
<input
type="checkbox"
name="period"
defaultValue
onChange={this.handleChange}
/>
3 Réponses :
Vous ne vérifiez pas si la case est cochée ou non, essayez:
handleChange = e => {
if (document.getElementByClassName("period").checked) {
// box is checked
} else {
// box is unchecked
}
}
J'ai ajouté la fonction sur le changement
Merci pour cela, j'ai également fait une édition. Je garderais des choses simples, la lisibilité est toujours importante.
Où puis-je ajouter cette instruction?
Vous pouvez utiliser e.target.checked à la place
Vous avez d'abord besoin de définir la vérification considérée? Si c'est chèque, il est vrai et quand il n'est pas coché, il est faux. Voici un certain code pour vous aider à démarrer.
J'ai ajouté la fonction sur le changement
Checkout La valeur de Dans votre cas, modifiez cette ligne: p> e.target.CHECKED.CHECKED code>. const {nom, valeur} = e.target code> pour inclure coché code>. p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div id="testing"></div>
J'ai ajouté la fonction sur le changement
Votre fonction de rappel Onchange ne renvoie rien, où vérifiez-vous VRAI et FALSE?
Je pense avoir compris l'opération de la mauvaise composante, croyez que le simple fait du signe de valeur reviendrait faux, au lieu de vrai que je reçois toujours.
Ajouter
vérifié àconst {nom, valeur} = e.target