第4節(jié): 獲取DOM對象值

知識(shí)講解:

除訪問DOM元素之外,jQuery還可以非常方便地獲取DOM對象的值,語法比傳統(tǒng)的JavaScript代碼更加簡潔,代碼如下列所示:

var oRdoValue =$("#rdom").is(":checked")

上述代碼是獲取一個(gè)單選框元素選中時(shí)的狀態(tài),如果選中,則為true,否則,該值為false,并將該值保存到變量oRdoValue中。

例如,在一個(gè)頁面中,添加一個(gè)兩個(gè)單選框和一個(gè)按鈕,當(dāng)點(diǎn)擊按鈕時(shí),將單選框按鈕選中的值顯示在頁面<div>元素中,如下圖所示:

在瀏覽器中顯示的效果:

從圖中可以看出,先使用變量緩存下單選框?qū)ο螅缓螳@取對象是否選中的狀態(tài),根據(jù)該狀態(tài)值,轉(zhuǎn)成選擇后的文字,最后將文字顯示在頁面中。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • ??JavaScript 與 HTML 之間的交互是通過事件實(shí)現(xiàn)的。 ??事件,就是文檔或?yàn)g覽器窗口中發(fā)生的一些特...
    霜天曉閱讀 3,693評論 1 11
  • ??DOM(文檔對象模型)是針對 HTML 和 XML 文檔的一個(gè) API(應(yīng)用程序編程接口)。 ??DOM 描繪...
    霜天曉閱讀 3,866評論 0 7
  • 1、窗體 1、常用屬性 (1)Name屬性:用來獲取或設(shè)置窗體的名稱,在應(yīng)用程序中可通過Name屬性來引用窗體。 ...
    Moment__格調(diào)閱讀 4,782評論 0 11
  • 一、樣式篇 第1章 初識(shí)jQuery (1)環(huán)境搭建 進(jìn)入官方網(wǎng)站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,670評論 0 44
  • 今天晚上,我們吃飽飯,媽媽就和我到小區(qū)下面打羽毛球。有一位姐姐,在看著我們,我一看我就在心里說,這位姐姐,我好像在...
    悅寧_4bfd閱讀 139評論 0 0

友情鏈接更多精彩內(nèi)容