So fügen Sie mithilfe von Javascript_Javascript-Kenntnissen dynamisch ein Kontrollkästchen hinzu-js-Tutorial-php.cn

So fügen Sie mithilfe von Javascript_Javascript-Kenntnissen dynamisch ein Kontrollkästchen hinzu

PHP中文网

Freigeben： 2016-05-16 15:24:05

Original

2304 Leute haben es durchsucht

Das Beispiel in diesem Artikel stellt vor, wie man mithilfe von Javascript dynamisch ein Kontrollkästchen hinzufügt:
In tatsächlichen Anwendungen kann es erforderlich sein, dynamisch ein Kontrollkästchen hinzuzufügen. Hier finden Sie eine kurze Einführung, wie Sie diesen Effekt erzielen.
Es ist sehr einfach, einfach ein Kontrollkästchen zu erstellen. Der Code lautet wie folgt:

var oCheckbox=document.createElement("input");
oCheckbox.setAttribute("type","checkbox");
oCheckbox.setAttribute("id","mayi");

Nach dem Login kopieren

Aber Dies erstellt lediglich ein Kontrollkästchenobjekt, kann jedoch häufig nicht den tatsächlichen Anforderungen gerecht werden, da sich in tatsächlichen Anwendungen normalerweise vor oder hinter dem Kontrollkästchen ein erklärender Text befindet. Hier finden Sie eine Einführung, wie dieser Effekt erzielt werden kann:
Die Methode besteht darin, ein Kontrollkästchenobjekt zu erstellen, dann einen Textknoten zu erstellen und ihn dann zu p hinzuzufügen.

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

Nach dem Login kopieren

Das Obige ist die Methode zum dynamischen Hinzufügen eines Kontrollkästchens in Javascript_Javascript-Fähigkeiten. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!