在html借助元素特性儲存資訊

2022-02-24 17:36:26 字數 974 閱讀 1525

背景:比如存在學生選擇的checkbox,希望在checkbox中同時儲存學生的姓名及其所在的城市,比如選擇lily所對應的checkbox以後,可以獲得lily所在的城市「newyork」。

html**如下:

"

checkbox

" [email protected] class="

stucheck

" [email protected] [email protected] onclick="

whenstuchecked($(this))

"/>

如上**,s是乙個stu物件,由id、name、city和age四個字段組成,在html**中,由value來儲存學生的姓名,itemid來儲存學生所在的城市。

js**如下:

function updatecheckedstus() 

});$(

"#checkedstu

").text(checkedstus);

}

如上**,判斷table中的每乙個checkbox元素,如果被選中,更新checkedstus變數,顯示在$("#checkedstu")元素中。

總結:itemid和其他html屬性的賦值和取值的用法一致,在這裡單獨拿出來講,是因為可以將該功能整合到如何根據集合動態構建核取方塊選擇控制項中。

注意:實際上,可以自定義特性來儲存元素資訊,特性名稱自擬,如下**:

1

"btn1

" _mystyle="

zidingyi

">點選

_mystyle是自定義的特性,不屬於button元素,任然可以獲取到btn1的_mystyle特性值,**如下:

1             alert($("

#btn1

").attr('

_mystyle

'));

但是編譯器會報告乙個警告,如圖:

HTML元素的基本特性

1,disabled 特性 1 disabled 設定元素不可用 23 this attr disabled disabled 45 移除push元素的diasble特性 67 push removeattr disabled 2,z index 特性 預設的z index的值為0 1 positi...

html元素分類及盒子特性分析

分類方式 一 替換元素和不可替換元素 1 替換元素 瀏覽器根據元素的標籤和屬性,來決定元素的具體顯示內容。例如 瀏覽器會根據 2 不可替換元素 內容直接展示給使用者端,如段落,文字內容被全部展示,且html中大多數元素是不可替換元素。二 顯示元素 1 行內元素 左右可以有其它元素,不形成新的內容塊,...

四 HTML屬性 HTML 元素提供的附加資訊

html屬性 1 屬性一般描述於開始標籤 2 屬性總是以名稱 值對的形式出現,比如 name value 3 使用小寫屬性 html屬性值 應該始終被包括在引號內。雙引號是最常用的,不過使用單引號也沒有問題。name john shotgun nelson 適用於大多數 html 元素的屬性 cla...