當前位置:軟件學堂 > 資訊首頁 > 網(wǎng)絡編程 > 編程其他 > JS代碼實現(xiàn)調用復選框后面的文字

JS代碼實現(xiàn)調用復選框后面的文字

2012/11/1 16:13:53作者:佚名來源:網(wǎng)絡

移動端

【實例名稱】

JS代碼實現(xiàn)調用復選框后面的文字

【實例描述】

在HTML中,復選框和復選框后面的文字并不是一體的,不能通過復選框的“value”屬性獲取后面的文字。本例學習如何調用復選框后面的文字。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>標題頁-學無憂(m.wangbatian.cn)</title> </head> <body> <form name="frm"> <INPUT id=checkList type=checkbox name=checkList onclick="window.alert(nextSibling.innerText);"><LABEL for=checkList>這是后面的文字</LABEL> </form> </body> </html>

【運行效果】

JS代碼實現(xiàn)調用復選框后面的文字運行效果

【難點剖析】

本例在復選框后面使用label標簽顯示文字?!皁nclick”事件中使用了“nextSibling”屬性,此屬性一般用于DOM(文檔對象模型)中,表示當前元素的下一個元素。此例中的下一個元素便是“Label”,用此屬性便實現(xiàn)了對復選框后面文字的調用。

【源碼下載】

如果你不愿復制代碼及提高代碼準確性,你可以點擊:調用復選框后面的文字 進行本實例源碼下載 

標簽: JS代碼  復選框  文字