這篇文章主要介紹了JS獲取下拉框顯示值和判斷單選按鈕的方法,實例分析了javascript針對html下拉框及單選按鈕的相關操作技巧,需要的朋友可以參考下
本文實例講述了JS獲取下拉框顯示值和判斷單選按鈕的方法。分享給大家供大家參考。具體如下：
1.本人做過很多項目，都需要得到select組件顯示的值。下面是我經常用到的方法：
Html源碼如下：
- <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>
JS函數如下：
- function setTxt()
- {
- var _selObj=document.getElementByIdx_xx('province');//取下拉框的元素
- var _selVal=_selObj[_selObj.selectedIndex].text;//取下拉框被選中的值
- document.getElementByIdx_xx('provinceName').value=_selVal;
- }
2.本人也做過很多判斷radio單選按鈕是否被選中的情況，下面是我常用到得方法：
HTML頁面源碼如下：
- <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>
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;
- }
希望本文所述對大家的javascript程序設計有所幫助。
新聞熱點
疑難解答
圖片精選
