Checkbox auto submit
Résolu/Fermé
A voir également:
- Checkbox auto submit
- Auto click - Télécharger - Divers Utilitaires
- Auto keyboard - Télécharger - Divers Utilitaires
- Auto refresh - Télécharger - Divers Web & Internet
- Logiciel auto-entrepreneur gratuit télécharger - Télécharger - Comptabilité & Facturation
- Yandex auto - Télécharger - Web & Internet
3 réponses
Bonjour,
dans ce cas il faut faire un écouteur d'événement pour l'événement "change"(le mieux est d'utiliser addEventListener le 3ème de la liste):
https://www.w3schools.com/jsref/event_onchange.asp
Et dans la fonction indiquer que le formulaire doit être envoyé ce qui peut se faire avec la méthode .submit:
https://www.w3schools.com/jsref/met_form_submit.asp
Dans le cas d'une checkbox il faut le faire(mettre un écouteur) autant de fois qu'il y a de checkbox pour détecter le changement sur chaque case à cocher je pense je pense.
Bien sûr si le formulaire contient autre chose que les checkbox ça paraît pas très cohérent puisque les autres champs pourront être envoyés sans être remplis.
dans ce cas il faut faire un écouteur d'événement pour l'événement "change"(le mieux est d'utiliser addEventListener le 3ème de la liste):
https://www.w3schools.com/jsref/event_onchange.asp
Et dans la fonction indiquer que le formulaire doit être envoyé ce qui peut se faire avec la méthode .submit:
https://www.w3schools.com/jsref/met_form_submit.asp
Dans le cas d'une checkbox il faut le faire(mettre un écouteur) autant de fois qu'il y a de checkbox pour détecter le changement sur chaque case à cocher je pense je pense.
Bien sûr si le formulaire contient autre chose que les checkbox ça paraît pas très cohérent puisque les autres champs pourront être envoyés sans être remplis.
Utilisateur anonyme
6 avril 2020 à 15:32
6 avril 2020 à 15:32
merci de ta réponse.
il n'y a que des checkbox dans mon formulaire donc je vais suivre ton conseil.
je reviens vers vous si il y a du nouveau.
il n'y a que des checkbox dans mon formulaire donc je vais suivre ton conseil.
je reviens vers vous si il y a du nouveau.
voilà rien qui sort de l'ordinaire et en tout cas ne prends pas en compte que vous utilisez React.
Il faudra forcément faire autrement si c'est en lien avec des fonctionalités du framework JavaScript(que je connais peu).
Celui ci n'exclue pas JavaScript puisqu'il en grande partie écrit avec ce langage mais peut impliquer d'autres fonctionnements/syntaxes/etc...
Il faudra forcément faire autrement si c'est en lien avec des fonctionalités du framework JavaScript(que je connais peu).
Celui ci n'exclue pas JavaScript puisqu'il en grande partie écrit avec ce langage mais peut impliquer d'autres fonctionnements/syntaxes/etc...
Utilisateur anonyme
7 avril 2020 à 15:35
7 avril 2020 à 15:35
voici une solution élégante et efficace pour automatiser le changement d'état d'une checkbox :
et ce que représente réellement <CheckBox> :
constructor(props) {
super(props);
this.state = {
checkedItems: new Map(),
lock: 0,
}
this.handleChange = this.handleChange.bind(this);
}
handleChange(e) {
const item = e.target.name;
const isChecked = e.target.checked;
this.setState(prevState => ({ checkedItems: prevState.checkedItems.set(item, isChecked) }));
}
render() {
return (
<CheckBox name="UZ" OFF="CB is OFF" ON="CB is ON" id="cb01" onChange={this.handleChange} />
)
}
et ce que représente réellement <CheckBox> :
import React from "react";
import './CheckBox.css'
const CheckBox = ({ name, id, OFF, ON, onChange }) => (
<React.Fragment>
<input name={name} className="tgl tgl-skewed" id={id} type="checkbox" onChange={onChange} />
<label className="tgl-btn" data-tg-off={OFF} data-tg-on={ON} htmlFor={id}></label>
</React.Fragment>
);
export default CheckBox;
