Contoh dalam artikel ini memperkenalkan cara menambah kotak pilihan secara dinamik menggunakan javascript:
Dalam aplikasi sebenar, mungkin perlu menambah kotak semak secara dinamik Berikut ialah pengenalan ringkas tentang cara mencapai kesan ini.
Sangat mudah untuk membuat kotak semak sahaja, kodnya adalah seperti berikut:
var oCheckbox=document.createElement("input");
oCheckbox.setAttribute("type","checkbox");
oCheckbox.setAttribute("id","mayi");Tetapi ini Ia hanya mencipta objek kotak semak, tetapi ia selalunya tidak dapat memenuhi keperluan sebenar, kerana dalam aplikasi sebenar, biasanya terdapat teks penjelasan di hadapan atau di belakang kotak pilihan Berikut ialah pengenalan cara untuk mencapai kesan ini:
Kaedahnya adalah untuk mencipta objek kotak semak, kemudian mencipta nod teks, dan kemudian menambahnya pada 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>Di atas ialah kaedah menambah kotak semak secara dinamik dalam kemahiran javascript_javascript Untuk kandungan yang lebih berkaitan, sila perhatikan laman web PHP Cina (m.sbmmt.com)!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
