使用javascript启用/禁用用户控制
Enable/Disable user control using javascript
我有一个usercontrol应该禁用/启用基于下拉选择。请查看下面的代码。
if (name== 'A') {
$("#uc_panel").prop("disabled", "disabled");
$("#uc_btnAddCategory").prop("disabled", "disabled");
$("#uc_ddlCategorySelection").prop("disabled", "disabled");}
else
{
$("#uc_panel").prop("disabled", "");
$("#uc_btnAddCategory").prop("disabled", "");
$("#uc_ddlCategorySelection").prop("disabled", "");
}
第一次从下拉菜单中选择'A'时,usercontrol被禁用。第二次我选择'B'并点击BtnAdd,用户控件被禁用了,但它应该是启用的
如果您使用prop
函数,当道具为'disabled'
, 'checked'
等时使用布尔值。您可以查看文档。您使用prop
的方式与旧版本的jquery中使用的attr
函数相同
if (name == 'A') {
$("#uc_panel").prop("disabled", true);
$("#uc_btnAddCategory").prop("disabled", true);
$("#uc_ddlCategorySelection").prop("disabled", true);
} else {
$("#uc_panel").prop("disabled", false);
$("#uc_btnAddCategory").prop("disabled", false);
$("#uc_ddlCategorySelection").prop("disabled", false);
}
所以你可以像这样缩短它:
var isA = name == 'A';
$("#uc_panel").prop("disabled", isA);
$("#uc_btnAddCategory").prop("disabled", isA);
$("#uc_ddlCategorySelection").prop("disabled", isA);
或:
$("#uc_panel, #uc_btnAddCategory, #uc_ddlCategorySelection").prop("disabled", name == 'A')
This Help You.
HTML
<select id="mySelect" onchange="checkField(this.value)">
<option>Apple</option>
<option>Banana</option>
<option>Orange</option>
</select>
<input type="text" id="txt" value="Hello">
Javascript
<script>
function checkField(val)
{
var button = document.getElementById("txt");
button.disabled = true;
}
</script>
下拉菜单会禁用
文本框此外,为了响应所选索引的变化,在下拉列表中添加了这个onchange事件:"
相关文章:
- 如何在主页的弹出窗口中从向导中的用户控制中获取ControlToValidate ID-javascript asp.n
- 如何通过脚本访问用户控制值
- 使用用户控制在Basic HTML播放器中播放Youtube视频
- Vanilla JavaScript每个功能都由用户控制
- 用户控制(.ascx)和java脚本函数
- 如何为用户控制编写正确的反应代码
- 如何在 JavaScript 中获取用户控制
- asp.net多用户控制客户端id问题
- 如何使用javascript在用户控制页中获取父页名称
- 我正在尝试管理一个网页的少数用户控制
- 有没有办法将函数与用户控制关联起来
- 如何获得web用户控制'的文本框值
- 用户控制按钮的动作
- 用户控制上的链接在同一页面中被多次引用
- 如何在NetSuite suite SSv2中设置用户控制已保存搜索条件
- 如何在网页上制作用户控制的幻灯片
- Javascript在用户控制是不加载在kentico CMS
- Javascript不能从ASP调用.NET用户控制
- CSS / JS用户控制的阴影效果
- 如何提供用户控制在spring MVC web应用程序