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.

la table jquery supprime dynamiquement une ligne de données

23 May 2023

Les tableaux de données sont un composant courant lors du développement d'applications Web, souvent utilisés pour afficher des données. Cependant, nous devons parfois supprimer une certaine ligne de données de la table, et il est très pratique d'utiliser jQuery pour réaliser cette fonction. Dans jQuery, nous utilisons généralement la méthode `remove()` pour supprimer les éléments DOM. Par conséquent, lors de la suppression d'une ligne de données dans le tableau, nous devons d'abord obtenir l'élément DOM de cette ligne, puis utiliser la méthode `remove()` pour le supprimer du tableau. Tout d'abord, laissez

See all articles

Hot tools 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.