jquery如何修改input的name

這篇文章主要介紹jquery如何修改input的name，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

在jquery中，可以利用attr()方法修改input的name屬性值，該方法用于設(shè)置或返回被選元素的屬性值，語法為“input元素對象.attr('name',修改后的name屬性值)”。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

jquery如何修改input的name

在jquery中，可以通過獲得input對象，使用attr()方法來修改input的name屬性值。

新建一個html文件，命名為test.html，用于講解jquery怎樣修改input的name。在p標(biāo)簽，使用input標(biāo)簽創(chuàng)建一個文本框，并設(shè)置其name屬性值為user。

設(shè)置input標(biāo)簽的id為myinput ,主要用于下面通過該id獲得input對象。使用button標(biāo)簽創(chuàng)建一個按鈕，按鈕名稱為“修改name屬性”。給button按鈕綁定onclick點擊事件，當(dāng)按鈕被點擊時，執(zhí)行editname（）函數(shù)。

創(chuàng)建editname()函數(shù)，在函數(shù)內(nèi)，通過id(myinput)獲得input對象，使用attr()方法將name屬性修改為username，代碼如下：

在瀏覽器打開test.html文件，點擊按鈕，查看源代碼。

點擊按鈕后：

總結(jié)：

1、創(chuàng)建一個test.html文件。

2、在文件內(nèi)，在p標(biāo)簽，使用input標(biāo)簽創(chuàng)建一個文本框，并設(shè)置其name屬性值為user，同時創(chuàng)建一個button按鈕，用于觸發(fā)執(zhí)行js函數(shù)。

3、在js標(biāo)簽內(nèi)，創(chuàng)建函數(shù)，在函數(shù)內(nèi)，獲得input對象，使用attr()方法將name屬性修改為username。

注意事項

attr()方法不僅修改name屬性值，也能修改元素其的屬性值。

以上是“jquery如何修改input的name”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！