jquery中如何控制表單元素的預設值

2021-10-09 21:46:08 字數 1210 閱讀 5512

一、通過jquey控制單選框或多選框

html**:

="form-check-input " type=

"radio" name=

"inlineradiooptions" id=

"inlineradio1" value=

"option1"

>

="form-check-label"

for=

"inlineradio1"

>男<

/label>

="form-check-input " type=

"radio" name=

"inlineradiooptions" id=

"inlineradio2" value=

"option2"

>

="form-check-label "

for=

"inlineradio2"

>女<

/label>

js**:$(

"input:radio:checked").

val(

)//獲取選中的單選框的value (option1/option2)$(

"#inlineradio1").

prop

("checked"

,"checked/false"

)//通過jquery來控制哪個單選框被選中

二、通過jquery控制下拉框

html**:

="modal2-select"

>

請選擇角色<

/option>

//設定下拉框的預設值和input的placeholder一樣

管理員<

/option>

學生<

/option>

教師<

/option>

<

/select>

js**:$(

".modal2-select").

val(

)//獲取下拉框的值(管理員等 如果有option中有value屬性則是value的值)$(

".modal2-select").

val(

"預設選擇的選項"

)//會改變預設選項 並且插入的預設選項必須是option中有的value

Jquery獲取表單元素值 控制表單元素總結

function get form value 控制表單元素 文字框,文字區域 text id attr value 清空內容 text id attr value test 填充內容 多選框checkbox chk id attr checked 未選中的值 input type checkbox...

jQuery選取表單元素

表單元素選擇器 選擇器 說明 button 元素和type屬性值為button的元素。checkbox type屬性值為checkbox的元素。使用 type checkbox 能獲得更高的效能。checked 選中的單選按鈕和核取方塊元素。disabled 所有被禁用的元素。enabled 所有被...

jQuery 處理元素內容 表單元素

處理元素內容 1 text方法 使用說明 1 不傳引數 得到jquery物件內所有元素及其後代元素的文字內容 2 傳入用於設定匹配元素的文字內容 3 傳入function 使用函式來設定jquery物件中每個元素的文字 兩個引數 第乙個表示當前元素序號,第二個引數表示當前元素的文字 函式內部this...