使用Javascript使按钮有条件地可见

Question

我正在表单上放置一个javascript按钮。脚本工作，但我可以使该按钮只有当描述字段以数字开头时才可见吗？

function ShowOnBaseInvoiceDocument0()
{
    var onBaseServer = "someserver";
    var appName = "Dev";
    var screenID = "90";
    var accField = "InvoiceNum";
    var venField = "VendorID";
    var company = Form.getDataValue("TO-COMPANY");
    var RefNums = Form.getDataValue("REFERENCE", 0);
    var RefNum = RefNums.trim();
    var sVenNumbers = Form.getDataValue("DESCRIPTION", 0);
    var sVenNumber = sVenNumbers.substring(0,9);
            
    if (RefNums == "")
    {
        portalWnd.cmnDlg.messageBox("Not a valid invoice.","ok","info",window,false)
        return true;
    }
        var s = "http://" + encodeURIComponent(onBaseServer) 
        + "/OnBaseLinkScanWeb/AccLogin.aspx?DBID=" + encodeURIComponent(appName) 
        + "&ScreenID=" + encodeURIComponent(screenID) 
        + "&Company=" + encodeURIComponent(company) 
        + "&RefNum=" + encodeURIComponent(RefNum) 
        + "&" + encodeURIComponent(venField) + "=" + encodeURIComponent(portalWnd.strTrim(sVenNumber)); 

      //portalWnd.cmnDlg.messageBox(s,"ok","info",window,false)

      window.open(s, "My Invoice");
      console.log(s);
      return true;
}

Answer 1

您可以简单地循环所有行，然后检查第一列是否以数字开头，如果不是，您可以简单地隐藏按钮。

null

document.querySelectorAll("tr").forEach(row => {
  const firstCol = row.children[0];
  const secondCol = row.children[1];
  if (!"0123456789".includes(firstCol.innerText[0])) {
    secondCol.style.visibility = "hidden";
  }
});

<table>
  <tr>
    <td>1234567</td>
    <td><button>Click</button></td>
  </tr>
  <tr>
    <td>HelloWorld</td>
    <td><button>Click</button></td>
  </tr>
  <tr>
    <td>245Bye</td>
    <td><button>Click</button></td>
  </tr>
  <tr>
    <td>Upvote</td>
    <td><button>Click</button></td>
  </tr>
</table>