setAttribute disabled false changes editable attribute to false

Question

I want to have textboxes related to radiobuttons  Therefore each radio button should enable it s textbox and disable the others  However when I set the disabled attribute of textbox to true  it changes the editable attribute too  I tried setting editable attribute true again but it did not work   This was what I tried   JS function   function enable id        var eleman   document getElementById id       eleman setAttribute  disabled   false       eleman setAttribute  editable   true       XUL elements    lt radio id  pno  label  123  onclick  enable  ad      gt   lt textbox id  ad  editable  true   disabled  true  flex  1  emptytext  asd  onkeypress  asd event   tooltiptext     gt

User · Answer

the disabled attributes value is actally not considered.. usually if you have noticed the attribute is set as disabled="disabled" the "disabled" here is not necessary persay.. thus the best thing to do is to remove the attribute.

element.removeAttribute("disabled");

also you could do

element.disabled=false;

User · Answer

Try doing this instead   function enable id        var eleman   document getElementById id       eleman removeAttribute  disabled                To enable an element you have to remove the disabled attribute  Setting it to false still means it is disabled   http   jsfiddle net SRK2c

User · Answer

A disabled element is   self-explaining  disabled and thereby logically not editable  so      set the disabled attribute       changes the editable attribute too   Is an intended and well-defined behaviour   The real problem here seems to be you re trying to set disabled to false via setAttribute   which doesn t do what you re expecting  an element is disabled if the disabled-attribute is set  independent of it s value  so  disabled  true   disabled  disabled  and disabled  false  all do the same  the element gets disabled   you should instead remove the complete attribute   element removeAttribute  disabled      or set that property directly   element disabled   false

User · Answer

just replace  myselect  with your id  to disable-   document getElementById  mySelect   disabled   true      to enable-   document getElementById  mySelect   disabled   false

User · Answer

Just set the property directly      eleman disabled   false

User · Answer

Using method set and remove attribute   x000D   x000D  function radioButton o    x000D   x000D    var text   document querySelector  textarea    x000D   x000D    if  o value     on     x000D      text removeAttribute  disabled        x000D      text setAttribute  enabled        x000D      else   x000D      text removeAttribute  enabled        x000D      text setAttribute  disabled        x000D      x000D     x000D    x000D   lt input type  radio  name  radioButton  value  on  onclick    radioButton this     gt Enable x000D   lt input type  radio  name  radioButton  value  off  onclick    radioButton this     gt Disabled lt hr  gt  x000D   x000D   lt textarea disabled  gt  lt  textarea gt  x000D   x000D   x000D

[javascript] .setAttribute("disabled", false); changes editable attribute to false

Examples related to javascript

Examples related to firefox

Examples related to firefox-addon

Examples related to xul