Heim > Artikel > Web-Frontend > So fügen Sie mithilfe von Javascript_Javascript-Kenntnissen dynamisch ein Kontrollkästchen hinzu

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

PHP中文网Original: 2016-05-16 15:24:052304Durchsuche

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");

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>

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

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：jquery implementiert die Methode zum Ausblenden der Dropdown-Div- und Maskenebene, wenn auf andere Bereiche geklickt wird_jqueryNächster Artikel：jquery implementiert die Methode zum Ausblenden der Dropdown-Div- und Maskenebene, wenn auf andere Bereiche geklickt wird_jquery

In Verbindung stehende Artikel

Mehr sehen