Question

我有这个div和div附近的按钮：

<div id="tempData"></div>
<input type="button" text="status" disabled>

页面加载时，该按钮被禁用。

在某些时候，当div不为空时，必须以编程方式向div中添加元素，必须启用它。如何在div不为空时启用按钮，并在其为空时禁用按钮？

Answer 1

纯javascript：

发生触发操作时，请先检查为空，无论可能是什么：

function whatevertriggeredthis(){
    if(document.getElementById("tempData").innerHTML === ""){

       // Give the button an ID then enable it
       document.getElementById("status_button").disabled = false;

    }
}

jQuery版本：

$("#tempData").on("change",function(){
   if($(this).text() !== ""){
      $("button").prop("disabled",false);
   }
});

Answer 2

function yourFunctionToUpdateDiv(){

  //YOUR CODE TO ADD/REMOVE DIV CONTENT
  //...
  //...
  
  
  if ($('#tempData').html()){ 
    $("input").prop('disabled', false);
  }
  else{
    $("input").prop('disabled', true);
  }
}

如果div不为空，如何启用按钮？

2 个答案: