如何使用 JQuery 使文本框在更改时启用和禁用
How to make textbox enable and disable on change using JQuery
我有一段html代码和脚本代码。我需要解决方案来处理一个文本框的更改事件,该事件禁用在另一个文本字段中输入数据的行为。谁能帮我解决。
<div id="cca" class="leaf">
<label class="control input text" title="">
<span class="wrap">cca</span>
<input class="" type="text" value="[Null]"/>
<span class="warning"></span>
</label>
</div>
<div id="ccit" class="leaf">
<label class="control input text" title="">
<span class="wrap">ccit</span>
<input class="" type="text" value="[Null]"/>
<span class="warning"></span>
</label>
</div>
$(document).ready(function () {
alert("hello");
$("#cca").on('change', 'label.control input', function (event) {
alert('I am pretty sure the text box changed');
$("ccit").prop('disabled',true);
event.preventDefault();
});
});
对于一个你$("ccit")
上缺少#
$(document).ready(function () {
alert("hello");
$("#cca").change(function(){
alert('I am pretty sure the text box changed');
$("#ccit").prop('disabled',true);
event.preventDefault();
});
});
http://jsfiddle.net/qS4RE/
更新
$(document).ready(function () {
$("#cca").on('change', 'label.control input', function (event) {
alert('I am pretty sure the text box changed');
$("#ccit").find('label.control input').prop('disabled',true);
event.preventDefault();
});
});
http://jsfiddle.net/qS4RE/1/
更新 2
$(document).ready(function () {
$(document).on('change', '#cca label.control input', function (event) {
alert('I am pretty sure the text box changed');
$("#ccit").find('label.control input').prop('disabled',true);
event.preventDefault();
});
});
$("#ccit").attr('disabled','disabled');
您也可以在行上使用attr
$("ccit").attr('disabled',true);
如果prop
给您一个错误
相关文章:
- jQuery根据用户选择启用/禁用asp.net控件
- 如何在我的程序中启用jquery
- 在Surface Pro平板电脑上启用jQuery UI拖放
- 临时禁用和启用jquery中的事件
- 禁用和启用 jQuery 中的事件
- 是否可以在更改单选按钮时禁用/启用jquery功能
- 启用 JQuery 触摸的可拖动侧边栏
- 如何禁用/启用 jQuery 移动按钮
- 对动态创建的输入字段启用jQuery自动完成
- 方法来启用JQUERY代码
- 在引用表单字段中的值启用JQuery按钮后,单击时禁用JQuery按钮
- 如何在禁用= true后重新启用jQuery工具提示
- 如何在加载新页面时启用jquery标签/单选按钮
- 如何启用JQuery视频自动播放
- 根据用户选择禁用和启用jquery选项卡
- 将enabled更改为disabled和disabled以启用jquery的引导
- 在primefaces页面中验证失败后,如何重新启用JQuery脚本?
- 如何(完全)禁用和启用jQuery中的任何鼠标侦听器
- 启用 JQuery 工具提示时无法更改标题
- 重命名PHP文件启用jquery表单验证