Javascript 如何从属性中获取数据，然后相应地禁用按钮

我的用户界面有点问题，下面是我的代码：

我有一个按钮在一个盒子里

<button class="btn btn-info" type="button" id="btnSubmit" data-btn="{{ row[1] }}" data-id="{{ row[2] }}" data-toggle="modal" data-target="#myModal" contenteditable="false" disabled='disabled'> Pay</button>

并禁用所有按钮。我只希望bytton在其为空时启用，如果为空则禁用，正如我所说的，bytton将被着色为btn btn danger，文本将被设置为“付费”，在这种情况下，我该怎么做

---

我读过文件和所有的东西，但由于某些原因，它不起作用。我还尝试了一个无形的输入，并得到它的id，但没有运气。请帮忙好的。。。假设

data bnt

是要检查

keyup

的目标元素

（我不知道

数据id

用于什么…）

并且目标必须而不是为空才能启用提交按钮

然后试试这个：

$（文档）.ready（函数（）{
var按钮=$（“#btnSubmit”）；
var target=$（“#”+button.data（'btn'）；
target.on（“keyup”，function（））{
button.prop（'disabled'，（$（this.val（）=''）？true:false）；
});
});

支付
您想禁用按钮。。。可以该按钮是否显示在多行上？你想在什么是空的时候禁用它？也许是输入？如果有排。。。它们是动态添加/删除的吗？他指的是'data btn'attr@louyspatricebesetteha。。。好的，
data btn
是检查值的目标吗？我想是的，读了他的问题，我不知道如何解决它，尽管目前正在尝试小提琴
<script type="text/javascript">


$(document).ready(function() {

  var button = document.getElementById('btnSubmit');
  var id = button.dataset.id;

  $('#btnSubmit').attr('data-btn').onkeyup(function() {
    if($(this).val() != '') {
       $('#btnSubmit').prop('disabled', true);
    }
    else{
      $('#btnSubmit').prop('disabled', false);
    }

  });
});
</script>