Méthode JS pour obtenir la valeur d'affichage de la liste déroulante et déterminer les compétences radio button

Méthode JS pour obtenir la valeur d'affichage de la liste déroulante et déterminer les compétences radio button_javascript

WBOY

Libérer： 2016-05-16 15:50:55

original

1259 Les gens l'ont consulté

L'exemple de cet article décrit la méthode JS pour obtenir la valeur d'affichage de la liste déroulante et juger le bouton radio. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

1. J'ai réalisé de nombreux projets et j'ai besoin d'obtenir la valeur affichée par le composant sélectionné. Voici les méthodes que j'utilise souvent :

Le code source HTML est le suivant :

<html><body>
<select id="province" name="province" >
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">江苏</option>
<option value="4">河北</option>
</select>
<br/>
<input type="text" id="provinceName" name="provinceName"/>
<input type="button" onClick="setTxt()" value="赋值"/>
</body></html>

Copier après la connexion

La fonction JS est la suivante :

function setTxt()
{
 var _selObj=document.getElementByIdx_xx('province');//取下拉框的元素
 var _selVal=_selObj[_selObj.selectedIndex].text;//取下拉框被选中的值
 document.getElementByIdx_xx('provinceName').value=_selVal;
}

Copier après la connexion

2. J'ai beaucoup évalué si le bouton radio est sélectionné. Voici la méthode que j'utilise souvent :

Le code source de la page HTML est le suivant :

<html><body>
<input type="radio" name="time" value="2009-05-20"/>2009-05-20
<input type="radio" name="time" value="2009-05-21"/>2009-05-21
<input type="radio" name="time" value="2009-05-22"/>2009-05-22
<input type="radio" name="time" value="2009-05-23"/>2009-05-23
<input type="button" value="判断是否选择" onclick="alert(judge())"/>
</body></html>

Copier après la connexion

Code fonction JS :

function judge()
{ var status =false;
 var _radObj=document.getElementsByName('time');
 for(var i =0;i<_radObj.length;i++){
  if(_radObj[i].checked){
  status=true;
  }
 }
 if(! status){
  alert('未选中时间!');
 }
 return status;
}

Copier après la connexion

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

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

Méthode JS pour obtenir la valeur d'affichage de la liste déroulante et déterminer les compétences radio button_javascript