js/jQuery中單選框、下拉框的取值、設置

YorkChen 發布于2019-08-22 10:50 / 3742人閱讀

摘要：中單選框下拉框的取值設置一單選框前言中，方法獲取的是元素的屬性而獲取的則是元素的特性。和應使用方法進行取值或賦值。

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

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

  (此input假定為elem)

以下三種方式可以得到checkbox的選擇狀態：

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

$(elem).attr("checked")只是設置復選框最初的值，并且也不會隨著復選框狀態的改變而改變，并且得到的值是string類型喔。

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

二.下拉框

(1) js操作

1.獲取選中項索引

   select.selectedIndex                             //2

2.獲取選中項的value

   select.value                                     //v13

3.獲取選中項的text

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

4.替換特定項的value

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

5.選中特定項

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

6.清空option

   select.options.length=0                          //清空

(2) jQuery操作

1.獲取選中項索引

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

2.獲取選中項的val

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

3.設置val=xxx為選中項

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

4.清空option

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

GPU云服務器云服務器 php 單選框取值單選框 html 多選框的值復選框取值

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/91367.html

[ 一起學React系列 -- 5 ] 如何優雅得使用表單控件

摘要：假如我們從后臺拉取一個數據要填入輸入框，那么必須得使用受控組件，因為非受控組件只能被用戶輸入。不影響正常輸入填充該輸入框的默認值，此時不顯示內容。網頁中使用的form表單大家肯定都再熟悉不過了，它主要作用是用來收集和提交信息。React中的表單組件與我們普通的Html中的表單及其表現形式沒有什么不同，所以如何使用表單我覺得再拿出來說可能是畫蛇添足、毫無意義。不過再怎么樣也不能辜負大家...

Charlie_Jade 2019-08-26 12:20 評論0 收藏0
常用的HTML標簽詳解與總結

摘要：今天，我們就來詳細介紹常用的標簽。標簽對文字字符進行換行處理。標簽加入水平分割線。標簽語義強調，表示重視。標簽有序列表標簽。即定義描述，用于添加該名詞的具體解釋。標簽用來顯示圖片。默認內容標簽下拉列表，以和兩個標簽配合完成。對于很多HTML初學者來說，記憶和掌握標簽是一門很難搞的功課。今天，我們就來詳細介紹常用的HTML標簽。對于標簽的掌握，更多的是要通過練習，熟能生巧。 stlye...

DobbyKim 2019-08-02 16:06 評論0 收藏0
FROM表單中單選按鈕和復選框值的傳遞

摘要：默認選擇如果將屬性放在多個單選按鈕上，以后的實例將覆蓋之前的實例也就是說，最后一個單選按鈕將是所選的單選按鈕。這是因為一次只能選擇組中的一個單選按鈕，并且每次將新的單選按鈕標記為已選中時，用戶代理會自動取消選擇其他單選按鈕。好久沒寫登錄有些細節有點有點模糊所以還是寫一下把 1 單選按鈕 showImg(https://segmentfault.com/img/bVbrzjI?w...

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

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

sunnyxd 2019-08-02 15:55 評論0 收藏0
構建靜態頁面之 [ 表單 ]

摘要：表單表單元素元素表示設置表單屬性設置接收表單的指定服務器端的地址路徑屬性表示發送給服務器端的方式屬性值默認值將提交的數據添加到地址欄中進行提交有限制，不安全屬性值將提交的數據綁定在表單中進行提交沒有限制，相對安全屬性提交表單時要設表單表單元素元素表示設置表單 action屬性 - 設置接收表單的指定服務器端的地址路徑 method屬性 - 表示發送給服務器端的方式 ge...

zhangwang 2019-08-29 16:31 評論0 收藏0