如何使文本框啓用和禁用更改使用JQuery

我有一塊HTML代碼以及腳本代碼。我需要解決方案來處理在另一個文本字段中禁用輸入數據的行爲的一個文本框的更改事件。任何人都可以幫助我解決問題。如何使文本框啓用和禁用更改使用JQuery

<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(); 
    }); 
});

來源

2013-12-18 Pallavi

什麼是不工作？難道你沒有''元素？ – adeneo

嗨，這是我寫的HTML代碼，我寫這個腳本來執行動作

cca

ccit

– Pallavi

現在你已經發布了HTML，它應該是'$（「＃ccit」）'，因此我的第一條評論 – adeneo

對於一個你在你的$("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(); 
    }); 
});

來源

2013-12-18 18:01:53 Trevor

@ThotaPallavi我可以請我的回答得到一些反饋？它對你有幫助嗎？ – Trevor

嗨Trevor，你已經分享的代碼只有當我指定id到那個輸入文本框時才能正常工作。但在我的情況下，沒有輸入文本框的id，我試着用你的示例代碼進行小改動$（「#tan」）。prop（'disabled'，true）.css（'background-color'，'＃FF0033 '）.css（'color'，'#FFFFFF'）; （'input'：text'）。prop（'disabled'，true）.css（'background-color'，'＃FF0033'）。css（'color'，'#FFFFFF'）;給顏色，然後我發現在第一個聲明，我已經指定#tan它是識別該div的標籤，並在第二個語句，如果我指定輸入：文本它被禁用所有文本字段 – Pallavi

@ThotaPallavi我會嘗試與您的更新HTML。 – Trevor

您還可以使用attr上線$("ccit").attr('disabled',true);

如果prop給你一個錯誤

來源

2014-03-26 10:22:22 SagarPPanchal

如何使文本框啓用和禁用更改使用JQuery

回答

相關問題