.setAttribute(“deaktiviert”, falsch); ändert das bearbeitbare Attribut auf false

Ich möchte Textfelder haben, die sich auf Radiobuttons beziehen. Daher sollte jedes Optionsfeld sein Textfeld aktivieren und die anderen deaktivieren. Wenn ich jedoch das deaktivierte Attribut des Textfelds auf „true“ setze, ändert es auch das bearbeitbare Attribut. Ich habe versucht, das bearbeitbare Attribut erneut auf wahr zu setzen, aber es hat nicht funktioniert.

Das habe ich versucht:

JS-Funktion:

function enable(id)
{
    var eleman = document.getElementById(id);
    eleman.setAttribute("disabled", false);
    eleman.setAttribute("editable", true);
}

XUL-Elemente:

<radio id="pno" label="123" onclick="enable('ad')" />
<textbox id="ad" editable="true"  disabled="true" flex="1" emptytext="asd" onkeypress="asd(event)" tooltiptext="" >

EIN disabled Element ist (selbsterklärend) deaktiviert und damit logischerweise nicht editierbar, also:

Setzen Sie das deaktivierte Attribut […] ändert auch das bearbeitbare Attribut

Ist ein beabsichtigtes und genau definiertes Verhalten.

Das eigentliche Problem scheint hier zu sein, dass Sie versuchen, eine Einstellung vorzunehmen disabled zu false über setAttribute() was nicht das tut, was du erwartest. ein Element ist deaktiviert, wenn die disabled-Attribut wird gesetzt, unabhängig von seinem Wert (also, disabled="true", disabled="disabled" und disabled="false" alle tun dasselbe: das Element wird deaktiviert). Sie sollten stattdessen das vollständige Attribut entfernen:

element.removeAttribute("disabled");

oder setzen Sie diese Eigenschaft direkt:

element.disabled = false;

Legen Sie einfach die Eigenschaft direkt fest: .

eleman.disabled = false;

Methode anwenden einstellen und Löschen Attribut

function radioButton(o) {

  var text = document.querySelector("textarea");

  if (o.value == "on") {
    text.removeAttribute("disabled", "");
    text.setAttribute("enabled", "");
  } else {
    text.removeAttribute("enabled", "");
    text.setAttribute("disabled", "");
  }
  
}

<input type="radio" name="radioButton" value="on" onclick = "radioButton(this)" />Enable
<input type="radio" name="radioButton" value="off" onclick = "radioButton(this)" />Disabled<hr/>

<textarea disabled ></textarea>

Versuchen Sie stattdessen Folgendes:

function enable(id)
{
    var eleman = document.getElementById(id);
    eleman.removeAttribute("disabled");        
}

Um ein Element zu aktivieren, müssen Sie das deaktivierte Attribut entfernen. Wenn Sie es auf “false” setzen, bedeutet es immer noch, dass es deaktiviert ist.

http://jsfiddle.net/SRK2c/

der Wert des Attributs “disabled” wird eigentlich nicht berücksichtigt. Normalerweise, wenn Sie bemerkt haben, dass das Attribut auf disabled=”disabled” gesetzt ist, ist das “disabled” hier persay nicht notwendig.. daher ist es am besten, das Attribut zu entfernen.

element.removeAttribute("disabled");     

könntest du auch machen

element.disabled=false;

Ersetzen Sie einfach “myselect” durch Ihre ID

zu deaktivieren->

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

zu aktivieren->

document.getElementById("mySelect").disabled = false; 

Ein Update im Jahr 2022.

Es gibt eine andere Methode toggleAttribute() spezifischer für diesen Anwendungsfall, wenn Sie IE11 und andere Legacy-Browser nicht berücksichtigen müssen.

element.toggleAttribute("disabled");

wechselt zwischen <input value="text" disabled /> und <input value="text" />und außerdem,

element.toggleAttribute("disabled", true);

setzt <input value="text" disabled /> explizit, egal in welchem ​​Zustand sich das Element befand; ähnlich,

element.toggleAttribute("disabled", false);

setzt <input value="text" /> ausdrücklich.