Maison

Effets spéciaux JS

effets jQuery

Code de filtre conditionnel de données de table jQuery

Télécharger maintenant Aperçu

segment de code :

code js

<script type="text/javascript">
$(function(){
//要绑定的表格类名
var choosetable=".choosetable";

var checkarray=[];
	//循环遍历table的th加入到筛选列表中
	$(choosetable+" th").each(function(){
		checkarray.push($(this).text());
	});
	for (var i = 0; i < checkarray.length/3; i++) {
		if(i<checkarray.length/3-1||checkarray.length%3==0){
			var checktext="";
			for (var j = 0; j < 3; j++) {
			 checktext+="<div class='choosediv'><label class='checkbox'><input type='checkbox' checked value='"+((i*3)+j)+"'> "+checkarray[((i*3)+j)]+" </label> </div>";
		 }
	 }else{
		var checktext="";
		for (var j = 0; j <checkarray.length%3; j++) {
		 checktext+="<div class='choosediv'><label class='checkbox'><input type='checkbox' checked value='"+((i*3)+j)+"'> "+checkarray[((i*3)+j)]+" </label> </div>";
	 }   
 }
 $(".modal-body").append("<div class='chooses'>"+checktext+"</div>");
}

$("#choosebtn").click(function(){
var choosearr=[];
$(".checkbox input").each(function(){
			//alert($(this).is(":checked"));
			if(!$(this).is(":checked")){
				choosearr.push($(this).val());
			}
		})
		//alert(choosearr);
		$(choosetable+" tr").each(function(){
		   $(this).children().show();
	   });
		for(var i=0;i<choosearr.length;i++){

			$(choosetable+" tr").each(function(){
				$(this).children().eq(choosearr[i]).hide();
			});
			
		}
	});
	//全选/全不选
	$("#allchecked").click(function(){
		if(this.checked){   
			$(".checkbox input").prop("checked", true);  
		}else{   
			$(".checkbox input").prop("checked", false);
		} 
	});  
})

</script>

Clause de non-responsabilité

Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn

Article connexe

JQuery Obtenir un exemple de données de table Code_jquery

16 May 2016

Cet article explique principalement comment obtenir des données de table via JQuery. Il y a un bon exemple ci-dessous, vous pouvez vous y référer.

Explication détaillée de l'utilisation des tables de données du plug-in de table jQuery

25 Apr 2018

Cette fois, je vous apporte une explication détaillée de l'utilisation des datatables du plug-in de table jQuery. Quelles sont les précautions à prendre pour utiliser les datatables du plug-in de table jQuery ?

jquery ajoute une base de données de lignes de table

08 May 2023

Avec le développement continu de la technologie Internet, de plus en plus d’entreprises, d’institutions et de particuliers ont commencé à convertir leurs activités à Internet. En tant que fenêtre d'affichage et d'interaction professionnelle et personnelle, le site Web présente une large applicabilité et une grande commodité. Dans les pages Web, les tableaux constituent le moyen le plus simple d’afficher des données et sont très importants dans les applications pratiques. jquery est l'une des bibliothèques JavaScript les plus utilisées actuellement. Elle fournit de nombreuses méthodes pratiques pour utiliser facilement les éléments DOM, interagir avec les données d'arrière-plan via la technologie ajax et réaliser des mises à jour dynamiques. Cet article sera

Utiliser le filtre de contenu jQuery dans des projets pratiques (avec code)

12 Jun 2018

Cette fois, je vais vous présenter l'utilisation des filtres de contenu jQuery dans des projets pratiques (avec code). Quelles sont les précautions à prendre pour utiliser les filtres de contenu jQuery dans des projets pratiques, jetons un coup d'œil ?

Utiliser le filtre de visibilité jQuery dans des projets pratiques (avec code)

12 Jun 2018

Cette fois, je vais vous présenter l'utilisation du filtre de visibilité jQuery dans des projets pratiques (avec code). Quelles sont les précautions à prendre pour utiliser le filtre de visibilité jQuery dans des projets pratiques, jetons un coup d'œil ?

Explication détaillée de la façon dont jquery ajax renvoie les données d'arrière-plan à l'exemple de code de la table avant

22 Jul 2017

Le processus de mise en œuvre est le suivant : la réception appelle le gestionnaire général (Handler) via l'ajax de jquery pour obtenir les informations que la table doit afficher, puis les convertit au format json et les renvoie à la réception. obtient les données, il boucle pour construire les lignes du tableau. Il est préférable de mettre les lignes en annexe au tableau. Objectif : a. Se familiariser avec l'utilisation de JQuery Ajax simple.

Résumé des tables de données du plug-in de table jQuery utilisation_jquery

16 May 2016

Cet article présente principalement le résumé de l'utilisation des tables de données du plug-in de table jQuery. DataTables est un plug-in de table très puissant. Les amis intéressés peuvent s'y référer.

exemple jquery de filtrage des données de table via la sélection de liste de sélection box_jquery

16 May 2016

Cet article présente principalement des exemples de données de table de filtrage jquery via des zones de sélection de liste de sélection. Les amis dans le besoin peuvent se référer à ce qui suit.

Code de table linéaire de structure de données

01 Nov 2019

Le tableau linéaire de structure de données est une séquence finie de n éléments avec les mêmes caractéristiques de données. Il s'agit de la structure linéaire la plus basique et la plus couramment utilisée et constitue également la base d'autres structures de données. Nous pouvons utiliser PHP pour créer une classe ArrayList afin d'implémenter des opérations telles que l'initialisation, la suppression, l'effacement, l'insertion et la suppression d'éléments de la liste chaînée.

See all articles

Outils chauds Tags

Éditeurs PHP

Outils de développement

PHP IDE

Cadre PHP

PHP debugging tools

PHP extensions

Hot Tools

jQuery2019 Effets spéciaux d'animation de feux d'artifice de confession de la Saint-Valentin

Un effet spécial d'animation de feux d'artifice de confession jQuery pour la Saint-Valentin très populaire sur Douyin, adapté aux programmeurs et aux geeks techniques pour exprimer leur amour à la fille qu'ils aiment. Peu importe que vous choisissiez de l'aimer ou non, vous devez finalement être d'accord.