recherche

Maison >interface Web >js tutoriel >Comment ajouter dynamiquement une case à cocher en utilisant les compétences javascript_javascript

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

PHP中文网
PHP中文网original
2016-05-16 15:24:052331parcourir

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





Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：jquery implémente la méthode de masquage du div déroulant et du calque de masque lorsque vous cliquez sur d'autres zones_jqueryArticle suivant：jquery implémente la méthode de masquage du div déroulant et du calque de masque lorsque vous cliquez sur d'autres zones_jquery

Articles Liés

Voir plus