Explication détaillée de attr() et prop() pour sélectionner et annuler la case à cocher

Cet article partage principalement avec vous l'explication détaillée de attr() et prop() pour sélectionner et décocher la case. Tout d'abord, il doit être clair que le fait que la CheckBox soit cochée ou non n'a aucun rapport direct avec le fait que la CheckBox soit cochée ou non. L'attribut vérifié de l'entrée est = "vérifié".

Une entrée sans fonction js associée écrite : cochée, vous pouvez uniquement contrôler si elle est sélectionnée, comme indiqué dans l'image ci-dessus.

$('.modal-body input:checked')

Comme le montre le code ci-dessus, ce sélecteur jquery peut trouver la deuxième entrée, mais le fait qu'il puisse être trouvé n'a rien à voir avec son attitude : vérifié.

Si vous souhaitez contrôler l'attitude vérifiée selon qu'elle est cochée, vous devez ajouter le code suivant :

			$('.modal-body thead').on('click','input',function(){
				if($(this).attr('checked')=='checked'){
					$(this).removeAttr("checked");
				}else{
					$(this).attr("checked", "true");
				}
			});

Si vous souhaitez également contrôler les événements d'autres éléments dom, s'il est vérifié et attitude, Ensuite, vous devez ajouter le code suivant :

			$('.modal-body thead').on('change','select',function(){
				
				$(this).parent().find('th input').prop('checked','checked');
				$(this).parent().find('th input').attr('checked','checked');
			});

La fonction prop est utilisée pour contrôler si elle est sélectionnée. S'il n'est pas utilisé, l'élément d'entrée ne sera pas sélectionné, mais la valeur d'attitude changera.

En fait, vous n'avez pas réellement besoin de vous soucier de l'attitude vérifiée, car le sélecteur jquery se soucie de savoir si elle est sélectionnée, pas de la valeur de l'attitude.

Mais lorsque vous devez utiliser des événements d'autres éléments dom pour déclencher la sélection du CheckBox, vous devez utiliser la fonction prop. Parce que l'utilisateur se soucie de la vision, pas de la valeur de l'attitude via la console.
Recommandations associées :

Modification du style de la case à cocher de saisie

Utilisation de la case à cocher dans jQuery

Utilisez js pour obtenir la valeur de la case à cocher

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!