jquery怎么移除readonly

養(yǎng)魚的貓咪
772
2021-05-24 17:47:45
欄目: 編程語言

使用jquery移除readonly屬性的方法：1.新建html項(xiàng)目，引入jquery；2.創(chuàng)建input輸入框，設(shè)置id和readonly只讀屬性；3.添加button按鈕，綁定onClick點(diǎn)擊事件；4.通過id獲取input對(duì)象，使用removeAttr()方法移除readonly屬性；


jquery怎么移除readonly


具體步驟如下：

1.首先，新建一個(gè)html項(xiàng)目，并在項(xiàng)目中引入jquery；



<script type="text/javascript" src="/static/jquery-2.1.4.min.js"></script>

2.引入jquery后，在項(xiàng)目中創(chuàng)建一個(gè)input輸入框，并設(shè)置id和readonly只讀屬性；


<input type="text" value="" id="btn" readonly />

3.input輸入框創(chuàng)建好后，添加一個(gè)button按鈕，并綁定onclick點(diǎn)擊事件，用于點(diǎn)擊移除；



<button onClick="set()"><button>

4.最后，按鈕添加好后，在點(diǎn)擊事件中通過id獲取input對(duì)象，在使用removeAttr()方法即可移除readonly屬性；


function set(){
$("#btn").removeAttr('readonly');
}


0 踩