Maison  >  Article  >  interface Web  >  Comment supprimer l'état sélectionné du bouton radio dans jquery

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

青灯夜游
青灯夜游original
2022-06-09 18:35:596967parcourir

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>

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);
	});
});

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);
	});
});

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Jquery a-t-il une minuterie ?Article suivant:Jquery a-t-il une minuterie ?