Lorsque nous travaillons sur des projets, nous rencontrons souvent des situations où nous devons implémenter toute sélection, sélection inversée et affectation de la case à cocher. Il existe de nombreux exemples sur Internet. Ici, je partage avec vous les méthodes que j'utilise, et je vous les recommande.
La copie de code est la suivante:
// La valeur JS est dans le tableau
Array.prototype.in_array = fonction (e) {
for (i = 0; i <this.length; i ++) {
si (ce [i] == e)
Retour Vrai;
}
retourne false;
}
// Index de tableau JS
Array.prototype.find_str = fonction (string) {
var str = this.join ("");
return str.indexof (string);
}
var houseids = new Array ();
$ ("# Chebox-list-all"). Cliquez sur (fonction () {
if ($ ("# chebox-list-all"). att ("vérifié")) {
$ ("[name = 'checkboxes']"). attr ("vérifié", 'true'); // sélectionnez tout pour ajouter ID
var ids = document.getElementsByName ('Checkboxs');
var valeur = new Array ();
pour (var i = 0; i <ids.length; i ++) {
if (ids [i] .checked)
houseIds.push (ids [i] .value);
}
alerte (houseids);
}autre{
$ ("[name = 'Checkboxes']"). RemoveAttr ("coché"); // désélectionner de supprimer les identifiants
houseids = [];
alerte (houseids);
}
})
// seul choix pour ajouter une pièce d'identité
Fonction Check (obj) {
if (! houseids.in_array (obj.value)) {
HouseIds.push (obj.value);
alerte (houseids);
}autre{
var index = houseIDS.find_str (obj.value);
houseids.splice (index, 1)
alerte (houseids);
}
}
Ce qui précède est l'intégralité du code de cet exemple. J'espère qu'il sera utile pour tout le monde d'apprendre à utiliser JavaScript pour contrôler la case à cocher.