来帮你讲解一下“jQWidgets jqxTextArea disabled属性”的详细攻略。
jQWidgets jqxTextArea disabled属性
jqxTextArea是一个文本域控件，是jQWidgets框架的一部分。disabled属性用于设置文本域是否被禁用。
语法
$('#jqxTextArea').jqxTextArea({ disabled: true });
参数
- true/false:设置文本域是否被禁用。
示例说明
示例一
在这个示例中，我们创建了一个文本域，并设置其disabled属性为true，为禁用状态。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jqxTextArea示例</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqwidgets/5.8.0/jqxcore.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqwidgets/5.8.0/jqxtextarea.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqwidgets/5.8.0/jqx.base.css" type="text/css" />
</head>
<body>
<div id="jqxTextArea"></div>
<script>
$(document).ready(function () {
$("#jqxTextArea").jqxTextArea({ disabled: true });
});
</script>
</body>
</html>
示例二
在这个示例中，我们创建了两个文本域，并为第二个文本域添加一个按钮，点击按钮后，第二个文本域变为禁用状态。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jqxTextArea示例</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqwidgets/5.8.0/jqxcore.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqwidgets/5.8.0/jqxtextarea.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqwidgets/5.8.0/jqx.base.css" type="text/css" />
</head>
<body>
<div id="jqxTextArea1"></div>
<div id="jqxTextArea2"></div>
<button onclick="disable()">禁用文本域2</button>
<script>
$(document).ready(function () {
$("#jqxTextArea1").jqxTextArea();
$("#jqxTextArea2").jqxTextArea();
});
function disable() {
$("#jqxTextArea2").jqxTextArea({ disabled: true });
}
</script>
</body>
</html>
以上就是关于“jQWidgets jqxTextArea disabled属性”的详细攻略，如果还有疑问，欢迎继续提问。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQWidgets jqxTextArea disabled属性 - Python技术站
微信扫一扫 
支付宝扫一扫 