[英]Disable and enable textbox on check click
如果选中复选框,则应启用文本框,否则应禁用文本框。
不知道为什么这段代码不起作用?
<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 %>
任何想法 ?
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" />
尝试设置disabled = true
和disabled=false
..否则text_box的id将是test_from_address
,name将是test[from_address]
。
$(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");
}
});
});
尝试在第3行的末尾设置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 %>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.