Comment supprimer l'état sélectionné du bouton radio dans jquery-Questions et réponses frontales-php.cn

Comment supprimer l'état sélectionné du bouton radio dans jquery

青灯夜游

Libérer： 2022-06-09 18:36:14

original

6966 Les gens l'ont consulté

3 méthodes : 1. Utilisez removeAttr() pour supprimer l'attribut coché de la case radio, la syntaxe est "radio button object.removeAttr("checked");". 2. Utilisez attr() pour définir la valeur de l'attribut vérifié sur false, la syntaxe est "object.attr("checked",false)"; 3. Utilisez prop() pour définir la valeur de l'attribut vérifié sur false, la syntaxe est "object.prop("checked",false)".

Comment supprimer l'état sélectionné du bouton radio dans jquery

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.6.0, ordinateur Dell G3.

3 façons de supprimer l'état sélectionné du bouton radio avec jquery

Méthode 1 : Utilisez RemoveAttr()

L'état sélectionné du bouton radio est contrôlé par l'attribut vérifié, utilisez simplement RemoveAttr() supprime simplement cet attribut.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery.min.js"></script>
		<script>
			$(document).ready(function(){
				$("button").click(function(){
					$("input").removeAttr("checked");
				});
			});
		</script>
		<style>
			p{
				width: 200px;
				height: 100px;
				border: 1px solid #AFEEEE;
				background-color: #AFEEEE;
			}
		</style>
	</head>
	<body>

		<input type="radio" name="radio1" value="value1" />选项1<br>
		<input type="radio" name="radio1" value="value2" checked />选项2<br>
		<input type="radio" name="radio1" value="value3" />选项3<br><br>
		<button>去掉radio选中状态</button>

	</body>
</html>

Copier après la connexion

Comment supprimer létat sélectionné du bouton radio dans jquery

Méthode 2 : Utilisez attr()

Vous pouvez également utiliser attr() pour définir l'attribut coché du bouton radio sur une valeur fausse pour annuler la sélection radio.

$(document).ready(function(){
	$("button").click(function(){
		$("input").attr("checked",false);
	});
});

Copier après la connexion

Comment supprimer létat sélectionné du bouton radio dans jquery

Méthode 3 : Utilisez prop()

Vous pouvez également utiliser prop() pour définir l'attribut vérifié du bouton radio sur la valeur fausse.

$(document).ready(function(){
	$("button").click(function(){
		$("input").prop("checked",false);
	});
});

Copier après la connexion

Comment supprimer létat sélectionné du bouton radio dans jquery

【Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo web front-end】

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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

Comment supprimer l'état sélectionné du bouton radio dans jquery