propriété de la valeur DOM HTML Radio
Définition et utilisation
ensembles de propriétés de valeur ou retourne la valeur de la valeur de la propriété du bouton radio.
Pour les boutons radio, la valeur du contenu de la valeur de la propriété ne figure pas dans l'interface utilisateur. les valeurs d'attribut de valeur transmettent les données au serveur uniquement lorsque le formulaire est soumis. Si un bouton radio est sélectionné lorsque le formulaire est soumis, la valeur du bouton radio sera transmise au serveur (le bouton est pas sélectionné les données ne sont pas transmises au côté du serveur).
grammaire
Définissez la propriété de valeur:
Renvoie la propriété de valeur:
support du navigateur
Tous les principaux navigateurs prennent en charge la valeur d'attribut
Exemples
exemple 1
Voir "Red" valeurs de boutons radio:
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
var x=document.getElementById("red").value;
alert(x);
}
</script>
</head>
<body>
<form>
你更喜欢哪种颜色?<br>
<input type="radio" name="colors" id="red" value="red">红色<br>
<input type="radio" name="colors" id="blue" value="blue">蓝色<br>
<input type="radio" name="colors" id="green" value="green">绿色
</form>
<button type="button" onclick="displayResult()">显示红色单选框的值</button>
</body>
</html>
Essayez »
exemple 2
Affiche la valeur du bouton radio sélectionné:
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonction displayResult (navigateur) {
document.getElementById ( "résultat"). value = navigateur
}
</ Script>
</ Head>
<Body>
<P> Choisissez votre navigateur préféré: </ p>
<Form>
<Input type = "radio" name = "navigateur" onclick = "displayResult (this.value)" value = "Internet Explorer"> Internet Explorer <br>
<Input type = "radio" name = "navigateur" onclick = "displayResult (this.value)" value = "Firefox"> Firefox <br>
<Input type = "radio" name = "navigateur" onclick = "displayResult (this.value)" value = "Opera"> Opera <br>
<Input type = "radio" name = "navigateur" onclick = "displayResult (this.value)" value = "Google Chrome"> Google Chrome <br>
<Input type = "radio" name = "browser" onclick = "displayResult (this.value)" value = "Safari"> Safari <br>
Votre navigateur favori: <input type = "text" id = "résultat">
</ Form>
</ Body>
</ Html>
Essayez »
Radio Objets