我有一個按鈕。該按鈕作業正常。按下按鈕后,將無法再次按下按鈕。如果按鈕看起來被禁用,那將是最好的。
我已經嘗試過 document.getElementById("id").disabled = true; 但我無法完成這項作業。
按鈕的 PHP 代碼。該代碼制作了一個按鈕串列。每個按鈕都有 id=1、2、3 等。
if($_COOKIE["sorterdb"]=='GR' || empty($_COOKIE["sorterdb"])){$dblinjer[$i]['nrlink']='<span id="para'.$i.'"></span><div ><button type="button" id="'.$i.'" value="'.$dblinjer[$i]['loebid'].'_'.$dblinjer[$i]['tid'].'_'.$dblinjer[$i]['utcstart'].'" onclick=baadimaal("baadimaal",this)>'.$dblinjer[$i]['buttonnrsejl'].'</button></div>';}
javascript:
function baadimaal(str,el) {
var x = el.value
var id = el.getAttribute("id")
const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
document.getElementById("container" id).innerHTML = this.responseText; //her placeres svaret, som kommer tilbage fra hide-ajax-svar filen
}
xhttp.open("GET", "hide-ajax-svar.php?funk=" str "¶=" x "&i=" id); //overf?r str og x til hide-ajax-svar filen
xhttp.send();
}
uj5u.com熱心網友回復:
您可以將按鈕的 disabled 屬性設定為false(請參閱Sütemény András 的回答),但這可能不適用于所有瀏覽器。您也可以洗掉偵聽器,但這不會使按鈕看起來被禁用。
所以腰帶和大括號的方法是兩者兼而有之,例如
window.onload = function() {
// Listener
function clickFn() {
console.log('I\'ve been clicked! But no more…');
// Make button appear disabled
this.disabled = true;
// Remove the listener
this.removeEventListener('click', clickFn);
}
// Add the listener to the button
document.getElementById('b0').addEventListener('click', clickFn, false);
};
<button id="b0">Click me</button>
請注意,如果使用setAttribute如下:
button.setAttribute('disabled', true);
第二個引數是必需的,但它的值無關緊要(它可以是false, 'foo bar', 42, 等等)。無論值如何,該元素都將被禁用,這是古代將布爾屬性添加到 HTML 時的遺留問題。他們的存在本身就可以完成這項作業,他們不接受任何價值(例如,<button disabled>foo</button>創建一個禁用的按鈕)。
要取消設定屬性(即再次啟用按鈕),請使用removeAttribute。
uj5u.com熱心網友回復:
如果你有一個這樣的按鈕:
<button class="button" id="1">Button 1</button>
<button class="button" id="2">Button 2</button>
<button class="button" id="3">Button 3</button>
您可以添加 javascript eventlistener,完成這項作業,而不是禁用:
const buttons = document.querySelectorAll(".button")
buttons.forEach((item) => {
item.addEventListener("click", ()=>{
// DO SOMETHING WHITH YOUR BUTTON
console.log(`You've clicked on ${item.id} and now I'm gonna disable it.`)
// disable
item.disabled = true;
})
})
根據您的代碼,也許您應該在按鈕上添加“removeEventListener”。
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/387141.html
標籤:javascript 按钮 禁用
