灰色出时复选框被选中

Question

我真的不知道多少的Javascript然而，我希望有人可以帮助我了解如何解决我的问题（禁用）HTML的textarea：

我的HTML表单有一个checkbox和那么textarea：

<form> 
<input type="checkbox" name="detailsgiven" /> 
<textarea name="details"></textarea> 
</form> 

我希望它这样，当checkbox被选中，使用户无法点击它，然后输入文本textarea被禁用。

我已经看过这里和谷歌，我找不到任何明确的例子如何做到这一点。

我猜这可以在JavaScript中完成，但我感觉有点超出我的深度。有人可以向我解释如何做到这一点，最好不使用第三方库？

Answer 1

<form> 
<input type="checkbox" name="detailsgiven" onchange="toggleDisabled(this.checked)"/> 
<textarea name="details" id="tb1"></textarea> 
</form> 

<script> 
function toggleDisabled(_checked) { 
    document.getElementById('tb1').disabled = _checked ? true : false; 
} 
</script> 

Answer 2

您只需标记复选框，只需在textarea中添加disabled =“disabled”属性即可。

结帐的的jsfiddle我加入

http://jsfiddle.net/Q9Lg4/

Answer 3

这非常容易做到与jQuery。每个人都使用jQuery，所以你应该;-)。

<form> 
    <input type="checkbox" name="detailsgiven" id="detailsgiven" /> 
    <textarea name="details" id="details"></textarea> 
</form> 

<script type="text/javascript"> 
jQuery(document).ready(function($) { 
    $("#detailsgiven").change(function() { 
     if($(this).is(":checked")) {     
      $("#details").attr("disabled", "disabled"); 
     } 
     else { 
      $("#details").removeAttr("disabled"); 
     } 
    }); 
}); 
</script> 

Answer 4

试试这个：

if ($('input:checkbox').is(':checked')) { 
    $('textarea').attr('disabled', 'disabled'); 
} 

Answer 5

<form> 
<input type="checkbox" name="detailsgiven" onclick="document.getElementById('t').setAttribute('disabled','disabled');" /> 
<textarea id="t" name="details"></textarea> 
</form> 

注意如何使用复选框onclick事件来执行一些JavaScript代码。

如果你给你的html元素ID，你可以通过javascript DOM（文档对象模型）的getElementById方法访问javascripts中的元素。

一旦你有了元素，你可以设置/获取它的属性，做很多事情。

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新问题

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相关问题

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.