1. 程式人生 > >前端啟用,禁用按鈕

前端啟用,禁用按鈕

我們有時候有這樣的需求,當我們點選按鈕以後,需要把它設為不可點選的狀態,然後用的時候也需要把它設定為可點選的狀態,這個使用就需要我們使用js來動態的控制它們,下面是具體的程式碼:

一、 禁用按鈕:

1.最簡單的方式:靜態的不可點選

<button id="button_id"  disabled="disabled">按鈕不可點選</button> 

2.使用js的方法

document.getElementById("btn").disabled=true; 

3.使用jquery的方法

 $("#btn").attr('disabled',true);

二、啟動按鈕:

1.使用js的方法

document.getElementByIdx("btn").disabled=false; 

2.使用jquery的方法

 $("#btn").attr('disabled',false);

3.也可以這樣使用jquery的方法

$("#btn").removeAttr("disabled");