禁用並啓用文本框檢查點擊

Question

如果複選框被選中而不是文本框應該被啓用，否則應該禁用文本框。

不知道爲什麼這段代碼不工作？

<script type="text/javascript"> 
function toggleTB(what){ 
if(what.checked){document.test.from_address.disabled=1} 
else{document.test.from_address.disabled=0}} 
</script> 

<% form_for(@test,:name => "test") do |f| %> 
<table> 
     <tr> 
      <td class="right upcase none"> 
       <%= f.label 'text_enabled', "Enable",:class => "capitalize none" %> 
       <%= f.check_box :text_enabled,:onclick => "toggleTB(this)" %> 
      </td> 
     </tr> 

     <tr> 
      <td class="right upcase none"> 
       <%= f.label 'from_address', "From Address",:class => "capitalize none" %> 
      </td> 
      <td> 
       <%= f.text_field 'from_address', :maxlength => 16 %> 
      </td> 
     </tr> 
</table> 
<% end %> 

任何想法？

Answer 1

這個工作對我的終點設置disabled=disabled ..

<script type="text/javascript"> 
    <!-- 
function toggleTB(what){ 
document.getElementById("test_from_address").disabled = !what.checked; 
} 
--> 
</script> 

<% form_for(@test,:name => "test") do |f| %> 
<table> 
     <tr> 
      <td class="right upcase none"> 
       <%= f.label 'text_enabled', "Enable",:class => "capitalize none" %> 
       <%= f.check_box :text_enabled,:onclick => "toggleTB(this)" %> 
      </td> 
     </tr> 

     <tr> 
      <td class="right upcase none"> 
       <%= f.label 'from_address', "From Address",:class => "capitalize none" %> 
      </td> 
      <td> 
       <%= f.text_field 'from_address', :maxlength => 16 %> 
      </td> 
     </tr> 
</table> 
<% end %> 

Answer 2

嘗試在3號線

Answer 3

Try like this 

<script type="text/javascript"> 
    function toggleTB(what){ 
     if(what.checked){document.getElementById('from_address').disabled=1} 
    else{document.getElementById('from_address').disabled=0}} 
</script> 

<input type="checkbox" name="toggle" onclick="toggleTB(this)"/> 
<input type="input" id="from_address" /> 

Answer 4

嘗試設置disabled = true和disabled=false ..also的text_box的ID將test_from_address和名稱將是test[from_address]。

Answer 5

$(function() 
    { 
     $("#dropdown").change(function() 
     { 
      if ($(this).val()== "option1") 
      { 
       $("#textbox1").removeAttr("disabled"); 
       $("#textbox2").removeAttr("disabled"); 
      } 
      else 
      { 
       $("#textbox2").attr("disabled", "disabled"); 
       $("#textbox2").attr("disabled", "disabled"); 
      } 
     }); 
     $("#PaymentMode").change(function() 
     { 
      if ($(this).val()== "option2") 
      { 
       $("#textbox3").removeAttr("disabled"); 
       $("#textbox4").removeAttr("disabled"); 
       $("#textbox5").removeAttr("disabled"); 
      } 
      else 
      { 
       $("#textbox3").attr("disabled", "disabled"); 
       $("#textbox4").attr("disabled", "disabled"); 
       $("#textbox5").attr("disabled", "disabled"); 
      } 
     }); 
    });