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

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

type="checkbox"

checked="checked" /> (此input假定為elem)

1. elem.checked                     //boolean型別  

2. $(elem).prop('checked') //boolean型別 
3. $(elem).is(':checked') //boolean型別

在html中的設定為checked=」checked」，而js/jquery中的設定和判斷為checked=true/false

name=""

id="select">
value="v11">11option>
value="v12" >12option>
value="v13"
selected>13option>
select>

1.獲取選中項索引

select.selectedindex                             //2

select.value                                     //v13

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

select.options[0].value=111

//控制options

select.selectedindex=0;                          //控制索引

select.options[0].value='v00'; //控制選定值

select.options.length=0

//清空

1.獲取選中項索引

$('#select').find(':selected').index();          //2

$('#select').get(0).selectedindex; //2

$('#select').find(':selected').val();          //13

$('#select').get(0).value; //13

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

$('#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...