recherche

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

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

WBOY
WBOYoriginal
2016-05-16 15:50:551262parcourir

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>

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

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>

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

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

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 implémente la validation du formulaire et empêche les soumissions illégalesArticle suivant：jquery implémente la validation du formulaire et empêche les soumissions illégales

Articles Liés

Voir plus