Rumah > Artikel > hujung hadapan web > Bagaimana untuk menambah kotak semak secara dinamik menggunakan kemahiran javascript_javascript

Bagaimana untuk menambah kotak semak secara dinamik menggunakan kemahiran javascript_javascript

PHP中文网asal: 2016-05-16 15:24:052306semak imbas

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 (www.php.cn)!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：jquery melaksanakan kaedah menyembunyikan div lungsur turun dan lapisan topeng apabila mengklik pada kawasan lain_jqueryArtikel seterusnya：jquery melaksanakan kaedah menyembunyikan div lungsur turun dan lapisan topeng apabila mengklik pada kawasan lain_jquery

Artikel berkaitan

Lihat lagi