Comment ajouter dynamiquement une case à cocher en utilisant les compétences javascript

Comment ajouter dynamiquement une case à cocher en utilisant les compétences javascript_javascript

PHP中文网

Libérer： 2016-05-16 15:24:05

original

2304 Les gens l'ont consulté

L'exemple de cet article présente comment ajouter dynamiquement une case à cocher à l'aide de javascript :
Dans les applications réelles, il peut être nécessaire d'ajouter dynamiquement une case à cocher. Voici une brève introduction sur la façon d'obtenir cet effet.
Il est très simple de créer simplement une case à cocher, le code est le suivant :

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

Copier après la connexion

Mais this Il crée simplement un objet case à cocher, mais il ne peut souvent pas répondre aux besoins réels, car dans les applications réelles, il y a généralement un texte explicatif devant ou derrière la case à cocher. Voici une introduction à la façon d'obtenir cet effet :
La méthode. consiste à créer un objet case à cocher, puis à créer un nœud de texte, puis à l'ajouter à 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>

Copier après la connexion

Ce qui précède est la méthode d'ajout dynamique d'une case à cocher dans les compétences javascript_javascript. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !