javascript動態添加checkbox復選框的方法_javascript技巧

來源：懂視網責編：小OO 時間：2020-11-27 21:47:40

javascript動態添加checkbox復選框的方法_javascript技巧

在實際應用中可能需要動態的添加復選框，下面就簡單介紹一下如何實現此效果。單純的創建一個復選框是很容易的，代碼如下：但是這僅僅是是創建了一個checkbox對象，但是往往不能夠滿足實際需要，因為在實際應用中，一般會在checkbox復選框前面或者后面有說明性的文字，下面就介紹一下如何實現此效果。方法就是創建一個checkbox對象，然后再創建一個文本節點，然后添加到p即可。

推薦度：

點擊下載本文 文檔為doc格式

導讀在實際應用中可能需要動態的添加復選框，下面就簡單介紹一下如何實現此效果。單純的創建一個復選框是很容易的，代碼如下：但是這僅僅是是創建了一個checkbox對象，但是往往不能夠滿足實際需要，因為在實際應用中，一般會在checkbox復選框前面或者后面有說明性的文字，下面就介紹一下如何實現此效果。方法就是創建一個checkbox對象，然后再創建一個文本節點，然后添加到p即可。

本文實例為大家介紹了javascript如何動態添加checkbox復選框:
在實際應用中可能需要動態的添加復選框，下面就簡單介紹一下如何實現此效果。
單純的創建一個復選框是很容易的，代碼如下:

但是這僅僅是是創建了一個checkbox對象，但是往往不能夠滿足實際需要，因為在實際應用中，一般會在checkbox復選框前面或者后面有說明性的文字，下面就介紹一下如何實現此效果:
方法就是創建一個checkbox對象，然后再創建一個文本節點，然后添加到p即可。

<!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>

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

javascript動態添加checkbox復選框的方法_javascript技巧

推薦度：

點擊下載本文 文檔為doc格式

標簽：方法 js 動態的

熱門焦點

javascript動態添加checkbox復選框的方法_javascript技巧

javascript動態添加checkbox復選框的方法_javascript技巧

javascript動態添加checkbox復選框的方法_javascript技巧

最新推薦

猜你喜歡

熱門推薦