首頁 > 網際網路

checkBox設定disabled如何修改value

2019-12-12 03:41:55

在前端開發中,我們會經常使用到checkbox這個html控制元件的,如果這個控制是disbled狀態的,如何修改它的value值?使用js來更改是很簡單的,下面我們來看一下。

1

我們在html裡新增一個checkbox,disabled狀態的,和一個按鈕,用來觸發更改value值的。


2

為了方便操作,我們引入jquery外掛。


3

在js指令碼裡,新增對應的function函數。


4

使用jquery方法,通過id來獲取到要修改的checkbox控制元件。


5

然後直接使用val方法來為其設定value值就行了。


6

開啟頁面,通過瀏覽器的偵錯程式,我們可以看到現在checkbox的value值是‘百度知道’。


7

要修改它的值,我們點選一下按鈕。觸發對應的修改邏輯。


8

點選後,再看一下程式碼裡checkbox的value值,可以看到已經成功將其修改為‘百度經驗’了。



IT145.com E-mail:sddin#qq.com