js jquery中單選框 下拉框使用總結

2021-07-25 22:19:19 字數 2017 閱讀 5537

前言:jquery中,prop()方法獲取的是元素的屬性(property),而attr()獲取的則是元素的特性(attribute)。selectedindex, tagname, nodename, nodetype, ownerdocument, defaultchecked, 和 defaultselected 應使用.prop()方法進行取值或賦值。

type="checkbox"

checked="checked" /> (此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

name=""

id="select">

value="v11">11option>

value="v12" >12option>

value="v13"

selected>13option>

select>

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

//清空

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=***為選中項

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

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

js jQuery中單選框 下拉框的取值 設定

前言 jquery中,prop 方法獲取的是元素的屬性 property 而attr 獲取的則是元素的特性 attribute selectedindex,tagname,nodename,nodetype,ownerdocument,defaultchecked,和 defaultselected...

Vue 4 單選框 核取方塊 下拉框

如果核取方塊checkbox 和下拉框select是多選,v model的值是 陣列型別,而且要提供value屬性 radio 和checkbox 的分組靠的是v model,checked 和selected 不存在 修飾符 lazy.number 按鍵修飾符 enter.ctrl.keycode...

js獲取文字框 下拉框 單選框的值

1.文字框 1.1 通過var t document.getelementbyid test value把值賦給變數t,1.2 當然也可以反過來把已知的變數值賦給文字框,例如 var m 5 document.getelementbyid test value m 2.下拉列表框 2.1 11223...