前言: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...