Javascript 禁用按钮不工作

我有一个功能，显示一个文本框，但我的按钮是不禁用时，我没有在文本框中键入

$(document).ready(function () {        
    loadData();    
    function loadData(is_category) {   
        $(document).on('click', '.viewdetails', function () {
            var html = '';
            html += '<input type=text id="ConvoDetails">'<input type="submit" class="sendButton">';    
        },

        $('.sendButton').prop('disabled', true);
        $('#ConvoDetails').keyup(function () {
        $('.sendButton').prop('disabled', this.value == "" ? true : false);
    });            
});

$（文档）.ready（函数（）{
loadData（）；
函数loadData（是_类）{
$（文档）.on（'单击'，'.viewdetails'，函数（）{
var html=''；
html+=''；
},
$（'.sendButton'）.prop（'disabled'，true）；
$（'#convaldetails'）.keyup（函数（）{
$（'.sendButton'）.prop（'disabled'，this.value==“”？true:false）；
});            
});

短修复：

$('.sendButton').prop('disabled', 'disabled');

---

但是，您可能希望将代码更改为绑定到

change

事件，而不是

keyup

，

keyup

触发频率太高，这可能会导致延迟。

在输入html中，您可以像这样捕获keyup元素

我如何使用它？onInputKeyUp（元素）{element.disabled=element.value==“”；}？它显示一个错误（；应为）您的JS在语法上无效。请尝试自己调试代码，然后再询问！
$(document).ready(function () {

  loadData();

    function loadData(is_category) {

    $(document).on('click', '.viewdetails', function () {

        var html = '';
        html += '<input type=text id="ConvoDetails" onkeyup="onInputKeyUp(this)"><input type="submit" class="sendButton" disable>';
    });
});

onInputKeyUp(element) {
    element.disabled = element.value == "";
}