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");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>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) !
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
