在jquery中,可以利用attr()方法來修改元素的type屬性,該方法可以設定被選元素的屬性值,語法為「$(selector).attr("type","新值")」或「$(selector).attr({type:新值})」。
本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。
在jquery中,透過取得input對象,使用attr()方法可以改變type型別 。語法:
$(selector).attr("type","新值"); $(selector).attr({type:新值});
範例:
在p標籤內,使用input標籤建立輸入框,並設定其value預設值為abcdefg。
在test.html檔案內,設定input標籤的id屬性值為tuinput,主要用於下方透過此id取得input物件。
在test.html檔案內,使用button標籤建立一個按鈕,按鈕名稱為「改變input的type屬性」。
在test.html檔案中,給button按鈕綁定onclick點擊事件,當按鈕被點擊時,執行editype()函數。
在js標籤中,建立editype()函數,在函數內,透過id(tuinput)取得input對象,使用attr()方法改變type屬性值為password 。
在瀏覽器中開啟test.html文件,點擊按鈕,查看實現的效果。
【推薦學習:jQuery影片教學、web前端影片】
以上是jquery怎麼修改type屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!