首頁 > 開發者 > JavaScript
javascript動態添加checkbox複選框的方法，
本文執行個體為大家介紹了javascript如何動態添加checkbox複選框:
在實際應用中可能需要動態添加複選框，下面就簡單介紹一下如何?此效果。
單純的建立一個複選框是很容易的，代碼如下:
var oCheckbox=document.createElement("input");oCheckbox.setAttribute("type","checkbox");oCheckbox.setAttribute("id","mayi");
但是這僅僅是是建立了一個checkbox對象，但是往往不能夠滿足實際需要，因為在實際應用中，一般會在checkbox複選框前面或者後面有說明性的文字，下面就介紹一下如何?此效果:
方法就是建立一個checkbox對象，然後再建立一個文本節點，然後添加到div即可。
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"><title>添加checkbox複選框</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>
以上代碼動態建立了一個checkbox對象，並且後面跟有文字，希望對大家的學習javascript有所協助。
您可能感興趣的文章:Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
