Exemples de trois façons de décocher le bouton radio

Auteur：Eve Cole Date de mise à jour：2025-02-15 11:48:02

Cet article propose trois façons de décocher la radio. Les exemples de code sont les suivants :

Cet article s'appuie sur jQuery. Les première et deuxième méthodes sont implémentées à l'aide de jQuery et la troisième méthode est basée sur JS et DOM.

Copiez le code comme suit :

<!DOCTYPE HTML>

<html>

<tête>

<title>Trois façons de décocher les boutons radio</title>

</script>

$(fonction(){

var $browsers = $("input[name=browser]");

var $annuler = $("#annuler");

var $byhide = $("#byhide");

var $supprimer = $("#supprimer");

$cancel.click(fonction(e){

//Supprimer les attributs, les deux méthodes sont disponibles

//$browsers.removeAttr("vérifié");

$browsers.attr("checked",false);

});

$byhide.click(fonction(e){

// Passer à un domaine caché, les deux méthodes sont disponibles

//$("#hidebrowser").attr("checked",true);

$("#hidebrowser").attr("checked","checked");

});

$remove.click(fonction(e){

// Accédez directement à l'élément DOM et supprimez les attributs

// Si vous n'utilisez pas jQuery, vous pouvez transplanter cette méthode

var checkbrowser=document.getElementsByName("navigateur");

$.each(navigateur vérifié, fonction(i,v){

v.checked = faux ;

v.removeAttribute("vérifié");

});

var len = vérifiébrowser.length;

var je = 0;

pour(; je < len; i++){

// Doit d'abord définir la valeur sur false, puis supprimer l'attribut

Checkedbrowser[i].checked = false;

// Vous pouvez faire cela sans supprimer l'attribut

//checkedbrowser[i].removeAttribute("checked");

}

});

</script>

</tête>

<corps>

<p>Quel navigateur préférez-vous ? </p>

<input type="radio" name="browser" value="Internet Explorer">Internet Explorer<br />

<input type="radio" name="browser" value="Firefox">Firefox<br />

<input type="radio" name="browser" value="Netscape">Netscape<br />

<input type="radio" name="browser" value="Opéra">Opéra<br />

<br />

</form>

</corps>

</html>