JS獲取下拉框顯示值和判斷單選按鈕的方法
本文實(shí)例講述了JS獲取下拉框顯示值和判斷單選按鈕的方法。分享給大家供大家參考。具體如下:
1.本人做過(guò)很多項(xiàng)目,都需要得到select組件顯示的值。下面是我經(jīng)常用到的方法:
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函數(shù)如下:
function setTxt() { var _selObj=document.getElementByIdx_xx('province');//取下拉框的元素 var _selVal=_selObj[_selObj.selectedIndex].text;//取下拉框被選中的值 document.getElementByIdx_xx('provinceName').value=_selVal; }
2.本人也做過(guò)很多判斷radio單選按鈕是否被選中的情況,下面是我常用到得方法:
HTML頁(yè)面源碼如下:
<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函數(shù)代碼:
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('未選中時(shí)間!'); } return status; }
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- js獲取單選按鈕的數(shù)據(jù)
- js簡(jiǎn)單獲取表單中單選按鈕值的方法
- JSP單選按鈕驗(yàn)證、下拉框驗(yàn)證、復(fù)選框驗(yàn)證實(shí)現(xiàn)代碼
- Vue.js表單標(biāo)簽中的單選按鈕、復(fù)選按鈕和下拉列表的取值問(wèn)題
- js取消單選按鈕選中示例代碼
- javascript 單選按鈕 單擊選中 雙擊取消選擇實(shí)現(xiàn)代碼
- JavaScript實(shí)現(xiàn)點(diǎn)擊單選按鈕改變輸入框中文本域內(nèi)容的方法
- js使用DOM設(shè)置單選按鈕、復(fù)選框及下拉菜單的方法
- js實(shí)現(xiàn)不提交表單獲取單選按鈕值的方法
- js布局實(shí)現(xiàn)單選按鈕控件
相關(guān)文章
JavaScript編寫(xiě)棋盤(pán)覆蓋代碼詳解
這篇文章主要介紹了JavaScript編寫(xiě)棋盤(pán)覆蓋代碼詳解,需要的朋友可以參考下2017-08-08js判斷瀏覽器類(lèi)型,版本的代碼(附多個(gè)實(shí)例代碼)
當(dāng)前世界上有很多種瀏覽器,除了我們熟知的IE, Firefox, Opera, Safari四大瀏覽器之外,世界上還有近百種瀏覽器,有時(shí)候我們需要判斷瀏覽器與版本方便后續(xù)的操作,一句話(huà)瀏覽器的兼容性太差了,缺少標(biāo)準(zhǔn)2014-05-0520多個(gè)小事例帶你重溫ES10新特性(小結(jié))
這篇文章主要介紹了20多個(gè)小事例帶你重溫ES10新特性(小結(jié)),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09node-http-proxy修改響應(yīng)結(jié)果實(shí)例代碼
這篇文章主要介紹了node-http-proxy修改響應(yīng)結(jié)果的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06基于JavaScript代碼實(shí)現(xiàn)pc與手機(jī)之間的跳轉(zhuǎn)
本文通過(guò)一段代碼實(shí)例給大家介紹pc跳轉(zhuǎn)手機(jī)代碼,手機(jī)跳轉(zhuǎn)pc網(wǎng)站代碼的相關(guān)知識(shí),對(duì)js跳轉(zhuǎn)代碼相關(guān)知識(shí)感興趣的朋友一起通過(guò)本篇文章學(xué)習(xí)吧2015-12-12微信小程序網(wǎng)絡(luò)層封裝的實(shí)現(xiàn)(promise, 登錄鎖)
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)層封裝(promise, 登錄鎖),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05利用Javascript判斷操作系統(tǒng)的類(lèi)型實(shí)現(xiàn)不同操作系統(tǒng)下的兼容性
在通過(guò)Javascript實(shí)現(xiàn)客戶(hù)端和服務(wù)端的交互時(shí),有時(shí)候需要對(duì)操作系統(tǒng)進(jìn)行判斷,以便實(shí)現(xiàn)不同操作系統(tǒng)下的兼容性;從而實(shí)現(xiàn)網(wǎng)站在跨平臺(tái)瀏覽時(shí)候保持良好的用戶(hù)體驗(yàn),感興趣的朋友可以了解下啊,或許對(duì)你有所幫助2013-01-01