js/jQuery中單選框、下拉框的取值、設(shè)置

YorkChen 發(fā)布于2019-08-22 10:50 / 3750人閱讀

摘要：中單選框下拉框的取值設(shè)置一單選框前言中，方法獲取的是元素的屬性而獲取的則是元素的特性。和應(yīng)使用方法進(jìn)行取值或賦值。

js/jQuery中單選框、下拉框的取值、設(shè)置 一.單選框

前言：jQuery中，prop()方法獲取的是元素的屬性（property）,而attr()獲取的則是元素的特性(attribute)。selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected 應(yīng)使用.prop()方法進(jìn)行取值或賦值。

  (此input假定為elem)

以下三種方式可以得到checkbox的選擇狀態(tài)：

1. elem.checked                     //boolean類(lèi)型  
2. $(elem).prop("checked")          //boolean類(lèi)型 
3. $(elem).is(":checked")           //boolean類(lèi)型

$(elem).attr("checked")只是設(shè)置復(fù)選框最初的值，并且也不會(huì)隨著復(fù)選框狀態(tài)的改變而改變，并且得到的值是string類(lèi)型喔。

在html中的設(shè)置為checked="checked"，而js/jQuery中的設(shè)置和判斷為checked=true/false

二.下拉框

(1) js操作

1.獲取選中項(xiàng)索引

   select.selectedIndex                             //2

2.獲取選中項(xiàng)的value

   select.value                                     //v13

3.獲取選中項(xiàng)的text

   select.options[select.selectedIndex].text        //13

4.替換特定項(xiàng)的value

   select.options[0].value=111                       //控制options

5.選中特定項(xiàng)

   select.selectedIndex=0;                          //控制索引
   select.options[0].value="v00";                    //控制選定值

6.清空option

   select.options.length=0                          //清空

(2) jQuery操作

1.獲取選中項(xiàng)索引

   $("#select").find(":selected").index();          //2
   $("#select").get(0).selectedIndex;               //2

2.獲取選中項(xiàng)的val

   $("#select").find(":selected").val();          //13
   $("#select").get(0).value;                     //13

3.設(shè)置val=xxx為選中項(xiàng)

   $("#select").find("option[value="v13"]").prop("selected",true);     //13

4.清空option

   $("#select").empty();     //13

GPU云服務(wù)器云服務(wù)器 php 單選框取值單選框 html 多選框的值復(fù)選框取值

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/91367.html

相關(guān)文章

[ 一起學(xué)React系列 -- 5 ] 如何優(yōu)雅得使用表單控件

摘要：假如我們從后臺(tái)拉取一個(gè)數(shù)據(jù)要填入輸入框，那么必須得使用受控組件，因?yàn)榉鞘芸亟M件只能被用戶輸入。不影響正常輸入填充該輸入框的默認(rèn)值，此時(shí)不顯示內(nèi)容。網(wǎng)頁(yè)中使用的form表單大家肯定都再熟悉不過(guò)了，它主要作用是用來(lái)收集和提交信息。React中的表單組件與我們普通的Html中的表單及其表現(xiàn)形式?jīng)]有什么不同，所以如何使用表單我覺(jué)得再拿出來(lái)說(shuō)可能是畫(huà)蛇添足、毫無(wú)意義。不過(guò)再怎么樣也不能辜負(fù)大家...

Charlie_Jade 2019-08-26 12:20 評(píng)論0 收藏0
常用的HTML標(biāo)簽詳解與總結(jié)

摘要：今天，我們就來(lái)詳細(xì)介紹常用的標(biāo)簽。標(biāo)簽對(duì)文字字符進(jìn)行換行處理。標(biāo)簽加入水平分割線。標(biāo)簽語(yǔ)義強(qiáng)調(diào)，表示重視。標(biāo)簽有序列表標(biāo)簽。即定義描述，用于添加該名詞的具體解釋。標(biāo)簽用來(lái)顯示圖片。默認(rèn)內(nèi)容標(biāo)簽下拉列表，以和兩個(gè)標(biāo)簽配合完成。對(duì)于很多HTML初學(xué)者來(lái)說(shuō)，記憶和掌握標(biāo)簽是一門(mén)很難搞的功課。今天，我們就來(lái)詳細(xì)介紹常用的HTML標(biāo)簽。對(duì)于標(biāo)簽的掌握，更多的是要通過(guò)練習(xí)，熟能生巧。 stlye...

DobbyKim 2019-08-02 16:06 評(píng)論0 收藏0
FROM表單中單選按鈕和復(fù)選框值的傳遞

摘要：默認(rèn)選擇如果將屬性放在多個(gè)單選按鈕上，以后的實(shí)例將覆蓋之前的實(shí)例也就是說(shuō)，最后一個(gè)單選按鈕將是所選的單選按鈕。這是因?yàn)橐淮沃荒苓x擇組中的一個(gè)單選按鈕，并且每次將新的單選按鈕標(biāo)記為已選中時(shí)，用戶代理會(huì)自動(dòng)取消選擇其他單選按鈕。好久沒(méi)寫(xiě)登錄有些細(xì)節(jié)有點(diǎn)有點(diǎn)模糊所以還是寫(xiě)一下把 1 單選按鈕 showImg(https://segmentfault.com/img/bVbrzjI?w...

silenceboy 2019-08-23 17:01 評(píng)論0 收藏0
【譯】原生表單組件

摘要：文本輸入框文本輸入框是最基本的表單組件，它便于用戶輸入各種數(shù)據(jù)。對(duì)大多數(shù)表單組件而言，表單提交后所有具有屬性的組件都會(huì)被提交，即使它們沒(méi)有獲值。重置按鈕用于重置所有表單組件為默認(rèn)值。系列文章說(shuō)明原文 HTML表單是由組件構(gòu)成的，這些組件是各種瀏覽器都支持的內(nèi)置控件。本文中我們將深入探討它們、了解它們的作用、學(xué)習(xí)如何讓各種瀏覽器更好地支持它們。雖然這里我們只探討內(nèi)建表單組件，但...

sunnyxd 2019-08-02 15:55 評(píng)論0 收藏0
構(gòu)建靜態(tài)頁(yè)面之 [ 表單 ]

摘要：表單表單元素元素表示設(shè)置表單屬性設(shè)置接收表單的指定服務(wù)器端的地址路徑屬性表示發(fā)送給服務(wù)器端的方式屬性值默認(rèn)值將提交的數(shù)據(jù)添加到地址欄中進(jìn)行提交有限制，不安全屬性值將提交的數(shù)據(jù)綁定在表單中進(jìn)行提交沒(méi)有限制，相對(duì)安全屬性提交表單時(shí)要設(shè) 表單表單元素元素表示設(shè)置表單 action屬性 - 設(shè)置接收表單的指定服務(wù)器端的地址路徑 method屬性 - 表示發(fā)送給服務(wù)器端的方式 ge...

zhangwang 2019-08-29 16:31 評(píng)論0 收藏0