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 ajax json code de traversée des données

12 Jan 2017

J'ai récemment travaillé sur un projet dans lequel il était nécessaire de faire une requête ajax, et les données json suivantes ont été renvoyées en arrière-plan. L'éditeur ci-dessous partagera avec vous mes idées de mise en œuvre. Les amis dans le besoin peuvent s'y référer.

Exemple d'analyse de code de conversion des données d'une table HTML au format Json

07 Mar 2017

Cet article explique comment convertir les données d'un tableau HTML au format Json. Il existe un bon exemple ci-dessous, vous pouvez vous y référer.

Exemple de code JAVA pour produire des données JSON structurées en arborescence basées sur le contenu d'une table de base de données

10 Jan 2017

Cet article présente principalement l'exemple de code JAVA produisant des données JSON arborescentes basées sur le contenu de la table de la base de données. Il est très bon et a une valeur de référence. Les amis qui en ont besoin peuvent s'y référer.

Exemple de code JAVA pour produire des données JSON structurées en arborescence basées sur le contenu d'une table de base de données

17 Jan 2017

Plug-in d'effets spéciaux de feux d'artifice réalistes basé sur un canevas HTML5

18 Jan 2017

jquery-fireworks est un plug-in jQuery pour des effets spéciaux de feux d'artifice réalistes basés sur HTML5 Canvas. Le plugin est simple à utiliser et librement configurable. Il peut générer des effets de feux d'artifice réalistes dans un conteneur div.

Comment conserver les effets de survol de la souris jQuery dans ASP.NET UpdatePanels ?

03 Dec 2024

jQuery $(document).ready et UpdatePanels : un look raffinéLorsque vous utilisez jQuery pour appliquer des effets de survol de la souris aux éléments d'un UpdatePanel, le...

Comment créer un curseur d'image jQuery simple avec des effets de glissement et d'opacité ?

24 Nov 2024

Créer un curseur d'image jQuery simple avec des effets de glissement et d'opacitéCréer un curseur d'image personnalisé dans jQuery sans recourir à des plugins externes...

Comment puis-je créer facilement un curseur d'image jQuery avec des effets de fondu ou de diapositive ?

24 Nov 2024

Simplifiez la création de curseurs d'image jQuery avec des effets de fondu ou de diapositive. Que vous soyez un développeur chevronné ou que vous débutiez avec jQuery, créez...

Effet de commutation coulissante hwSlider-content (3) : encapsulation du plug-in jquery.hwSlide.js

24 Feb 2017

Après les explications des deux premières parties, nous connaissons à peu près les idées et techniques de développement de base du changement coulissant de contenu. Maintenant, dans la troisième partie, nous optimisons le code des deux premières parties et l'encapsulons dans un plug-in jQuery : jquery. hwSlide.js. Les développeurs peuvent facilement créer divers effets de carrousel d’images, des effets d’image de focalisation et des effets de glissement mixtes graphiques et textuels. Voir la démo Télécharger

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.