Comment puis-je obtenir facilement la valeur d'un bouton radio sélectionné en JavaScript ?

Obtenir facilement la valeur du bouton radio sélectionné

Obtenir la valeur d'un bouton radio sélectionné à l'aide de JavaScript peut parfois être délicat. Cet article examinera une solution simple mais efficace à ce problème courant, garantissant que vous pouvez récupérer la valeur sélectionnée sans effort.

Une solution malavisée

Le code fourni dans le la requête initiale tente de trouver la valeur du bouton radio sélectionné, mais elle contient une erreur subtile. La variable tailles est incorrectement attribuée comme test au lieu du tableau de boutons radio :

var test = 'document.theForm.' + field;
var sizes = test;

La correction de cette erreur garantit que vous pouvez parcourir le tableau de boutons radio et récupérer la valeur de l'élément sélectionné.

Une solution simple et universelle

Pour une solution plus concise et compatible avec plusieurs navigateurs, pensez à utiliser le Méthode document.querySelector :

document.querySelector('input[name="genderS"]:checked').value;

Ce code sélectionne le premier élément d'entrée portant le nom "genderS" qui est actuellement vérifié et renvoie sa valeur. La beauté de cette méthode est qu'elle fonctionne de manière transparente avec tous les principaux navigateurs, vous garantissant ainsi que votre code fonctionnera comme prévu.

Adopter la solution

Intégrer cette solution dans votre code est simple. Remplacez simplement la fonction findSelection existante par ce qui suit :

function findSelection(field) {
  return document.querySelector('input[name="' + field + '"]:checked').value;
}

Profitez de la récupération simplifiée de la valeur du bouton radio

Avec ces améliorations, vous pouvez désormais récupérer sans effort la valeur du bouton radio sélectionné dans votre programme JavaScript. Les solutions fournies offrent flexibilité et fiabilité, vous permettant de développer en toute confiance des applications Web robustes et efficaces.

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!