jQuery Button的 活性 只需要通過一個簡單的方法就可以輕松完成。如果您希望在頁面中添加一個按鈕,并且希望能夠動態(tài)控制它是否可用,請繼續(xù)閱讀以下內(nèi)容。
$(document).ready(function(){ // 給按鈕添加點擊事件 $("button").click(function(){ // 如果按鈕處于活性狀態(tài) if(!$(this).prop("disabled")){ // 執(zhí)行按鈕的操作 alert("按鈕被點擊了!"); } }); // 給按鈕添加活性/禁用狀態(tài)切換事件 $("input[type='checkbox']").change(function(){ // 如果復(fù)選框被選中,表示將按鈕設(shè)為禁用狀態(tài) if($(this).prop("checked")){ $("button").prop("disabled", true); }else{ // 否則,將按鈕設(shè)為活性狀態(tài) $("button").prop("disabled", false); } }); });
以上代碼中,我們首先為頁面中的按鈕添加一個點擊事件。當按鈕被點擊時,我們首先判斷它是否處于活性狀態(tài)。如果是,就執(zhí)行按鈕的操作。
接下來,我們?yōu)轫撁嬷械膹?fù)選框添加一個狀態(tài)切換事件。當復(fù)選框被選中時,我們將按鈕設(shè)為禁用狀態(tài)。當復(fù)選框被取消選中時,我們將按鈕設(shè)為活性狀態(tài)。這樣,就可以動態(tài)地控制按鈕的可用性了。