JS代碼實(shí)現(xiàn)調(diào)用復(fù)選框后面的文字

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

移動(dòng)端

【實(shí)例名稱】

【實(shí)例描述】

在HTML中，復(fù)選框和復(fù)選框后面的文字并不是一體的，不能通過復(fù)選框的“value”屬性獲取后面的文字。本例學(xué)習(xí)如何調(diào)用復(fù)選框后面的文字。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（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>

【運(yùn)行效果】

JS代碼實(shí)現(xiàn)調(diào)用復(fù)選框后面的文字運(yùn)行效果

【難點(diǎn)剖析】

本例在復(fù)選框后面使用label標(biāo)簽顯示文字?！皁nclick”事件中使用了“nextSibling”屬性，此屬性一般用于DOM(文檔對象模型)中，表示當(dāng)前元素的下一個(gè)元素。此例中的下一個(gè)元素便是“Label”，用此屬性便實(shí)現(xiàn)了對復(fù)選框后面文字的調(diào)用。

【源碼下載】

如果你不愿復(fù)制代碼及提高代碼準(zhǔn)確性，你可以點(diǎn)擊：調(diào)用復(fù)選框后面的文字進(jìn)行本實(shí)例源碼下載

標(biāo)簽： JS代碼復(fù)選框文字