javascript動(dòng)態(tài)添加checkbox復(fù)選框的方法
本文實(shí)例為大家介紹了javascript如何動(dòng)態(tài)添加checkbox復(fù)選框:
在實(shí)際應(yīng)用中可能需要?jiǎng)討B(tài)的添加復(fù)選框,下面就簡單介紹一下如何實(shí)現(xiàn)此效果。
單純的創(chuàng)建一個(gè)復(fù)選框是很容易的,代碼如下:
var oCheckbox=document.createElement("input"); oCheckbox.setAttribute("type","checkbox"); oCheckbox.setAttribute("id","mayi");
但是這僅僅是是創(chuàng)建了一個(gè)checkbox對(duì)象,但是往往不能夠滿足實(shí)際需要,因?yàn)樵趯?shí)際應(yīng)用中,一般會(huì)在checkbox復(fù)選框前面或者后面有說明性的文字,下面就介紹一下如何實(shí)現(xiàn)此效果:
方法就是創(chuàng)建一個(gè)checkbox對(duì)象,然后再創(chuàng)建一個(gè)文本節(jié)點(diǎn),然后添加到div即可。
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>添加checkbox復(fù)選框</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>
以上代碼動(dòng)態(tài)創(chuàng)建了一個(gè)checkbox對(duì)象,并且后面跟有文字,希望對(duì)大家的學(xué)習(xí)javascript有所幫助。
- 在js中單選框和復(fù)選框獲取值的方式
- js checkbox(復(fù)選框) 使用集錦
- Js動(dòng)態(tài)添加復(fù)選框Checkbox的實(shí)例方法
- javascript判斷單選框或復(fù)選框是否選中方法集錦
- JavaScript簡單判斷復(fù)選框是否選中及取出值的方法
- JS實(shí)現(xiàn)復(fù)選框的全選和批量刪除功能
- js獲取單選框或復(fù)選框值及操作
- JS獲取復(fù)選框的值,并傳遞到后臺(tái)的實(shí)現(xiàn)方法
- JS實(shí)現(xiàn)CheckBox復(fù)選框全選全不選功能
- js中復(fù)選框的取值及賦值示例詳解
相關(guān)文章
利用Three.js實(shí)現(xiàn)3D三棱錐立體特效
Three.js是基于原生WebGL封裝運(yùn)行的三維引擎,在所有WebGL引擎中,Three.js是國內(nèi)文資料最多、使用最廣泛的三維引擎。本文將用Three.js實(shí)現(xiàn)3D三棱錐立體特效,感興趣的可以了解一下2022-06-06js前端如何寫一個(gè)精確的倒計(jì)時(shí)代碼
關(guān)于寫倒計(jì)時(shí)大家可能都都比較熟悉,使用 setTimeout 或 setInterval 就可以搞定。幾秒鐘或者幾分鐘的倒計(jì)時(shí)這樣寫沒有問題,但是如果是長時(shí)間的倒計(jì)時(shí),這樣寫就會(huì)不準(zhǔn)確2019-10-10用js實(shí)現(xiàn)輸入提示(自動(dòng)完成)的實(shí)例代碼
用js實(shí)現(xiàn)輸入提示(自動(dòng)完成)的實(shí)例代碼,需要的朋友可以參考一下2013-06-06JavaScript前端實(shí)現(xiàn)壓縮圖片功能
這篇文章主要介紹了JavaScript前端實(shí)現(xiàn)壓縮圖片功能,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03