满足2个条件时的启用按钮

Question

我正在试着找出这个问题的解决方案：

我想有一个功能，检查是否一个文本字段是填充的文本和复选框被选中。当满足这些条件时，将启用“提交”按钮。如果在启用“提交”按钮后不久，用户清除文本字段或取消选中复选框，则应再次禁用“提交”按钮。

我的代码：

  <%= f.text_field :humanizer_answer ,:class=> "form-control",:required => true, :id=>"answer_humanizer_profile"%>
  <%= f.check_box :not_a_robot, :id=>"vbbbb",:required => true,:type=> "input" %> 

     <%= button_to t('confirm'), registration_path(@user), data: { confirm: t('confirm_big') }, method: :delete, :class=>"blue-button btn btn-default",  :disabled =>:true,:id=>"hid-button" %>

目前，我已经尝试了这个函数：

$("#vbbbb").change(function() {
    $value = $("#answer_humanizer_profile").val();

    if(this.checked && $value > 0) {
         $('#hid-button').prop('disabled', false);
    } else {
         $('#hid-button').prop('disabled', true);
    }
});

这个函数完成了我所需要的一小部分，但不是100%。