javascript動態(tài)添加checkbox復(fù)選框的方法
更新時間：2015年12月23日 08:45:30 作者：愚蠢的神
這篇文章主要介紹了javascript動態(tài)添加checkbox復(fù)選框的方法的相關(guān)資料,需要的朋友可以參考下
本文實例為大家介紹了javascript如何動態(tài)添加checkbox復(fù)選框:
在實際應(yīng)用中可能需要動態(tài)的添加復(fù)選框，下面就簡單介紹一下如何實現(xiàn)此效果。
單純的創(chuàng)建一個復(fù)選框是很容易的，代碼如下:
var oCheckbox=document.createElement("input");
oCheckbox.setAttribute("type","checkbox");
oCheckbox.setAttribute("id","mayi");
但是這僅僅是是創(chuàng)建了一個checkbox對象，但是往往不能夠滿足實際需要，因為在實際應(yīng)用中，一般會在checkbox復(fù)選框前面或者后面有說明性的文字，下面就介紹一下如何實現(xiàn)此效果:
方法就是創(chuàng)建一個checkbox對象，然后再創(chuàng)建一個文本節(jié)點，然后添加到div即可。
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>添加checkbox復(fù)選框</title>
<script type="text/javascript">
var oCheckbox=document.createElement("input");
var myText=document.createTextNode("螞蟻部落");
oCheckbox.setAttribute("type","checkbox");
oCheckbox.setAttribute("id","mayi");
window.onload=function(){
var mydiv=document.getElementById("mydiv");
mydiv.appendChild(oCheckbox);
mydiv.appendChild(myText);
}
</script>
</head>
<body>
<div id="mydiv"></div>
</body>
</html>
以上代碼動態(tài)創(chuàng)建了一個checkbox對象，并且后面跟有文字，希望對大家的學(xué)習(xí)javascript有所幫助。
相關(guān)文章
下面小編就為大家?guī)硪黄狫S轉(zhuǎn)換HTML轉(zhuǎn)義符的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
JavaScript實現(xiàn)圖片懶加載與預(yù)加載的代碼詳解
圖片懶加載與預(yù)加載是前端優(yōu)化中比較常見的方法,也是前端面試中會被問到的問題,如果不做懶加載和預(yù)加載,瀏覽器的回流重繪很快,而圖片的加載是需要發(fā)送網(wǎng)絡(luò)請求的,一次性發(fā)很多請求就會導(dǎo)致網(wǎng)絡(luò)的堵塞,影響用戶體驗,接下來就讓我們來實現(xiàn)一下懶加載以及預(yù)加載的效果2025-03-03
JavaScript使用DeviceOne開發(fā)實戰(zhàn)（一) 配置和起步
這篇文章主要介紹了JavaScript使用DeviceOne開發(fā)實戰(zhàn)（一) 配置和起步的相關(guān)資料,需要的朋友可以參考下2015-12-12
微信小程序?qū)崿F(xiàn)左側(cè)滑動導(dǎo)航欄
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)左側(cè)滑動導(dǎo)航欄，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
javascript 判斷字符串是否包含某字符串及indexOf使用示例
js javascript 判斷字符串是否包含某字符串,String對象中查找子字符及indexOf具體使用，感興趣的朋友可以參考下2013-10-10
本文為大家詳細介紹下使用Java/JS如何獲取flash的高寬，下面有個不錯的示例，感興趣的朋友可以參考下，希望對大家有所幫助2013-12-12
這篇文章主要介紹了JS簡單去除數(shù)組中重復(fù)項的方法,涉及javascript針對數(shù)組的遍歷、判斷與運算相關(guān)操作技巧,需要的朋友可以參考下2016-09-09
這篇文章主要介紹了javascript封裝的sqlite操作類,可實現(xiàn)SQLite數(shù)據(jù)庫的初始化及執(zhí)行SQL語句的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
sort會調(diào)用每一項的toString方法進行比較，下面為大家介紹下JS中數(shù)組sort方法的具體使用2014-01-01
無感刷新（Silent Refresh）是指在用戶無感知的情況下,通過技術(shù)手段自動更新身份憑證（如Token）,維持用戶登錄狀態(tài)的技術(shù)方案,本文給大家介紹了前端實現(xiàn)無感刷新的詳細方案,需要的朋友可以參考下2025-03-03