javascript - 在文本框事件中传递的javascript函数中传递标签的id

Question

我想将标签的客户端 ID 作为 javascript 函数中的参数传递。我想根据文本框中是否有值显示隐藏标签，然后显示标签，否则隐藏标签。

请找到我的代码

  <label>
    First Name:<asp:Label ID="lblfname" Text="*" CssClass="red-txt" runat="server"></asp:Label>
   </label>
   <asp:TextBox ID="txtFirstName" runat="server" MaxLength="100"  CssClass="form-control" onkeyup="javascript:addremovestyle('#<%=lblfname.ClientID%>',this);">
   </asp:TextBox>

我的 JavaScript 函数

        function addremovestyle(lblid,cntlid) {
            var txt = $(cntlid).val();
            if (!txt) {
                $(lblid).show();
            }
            else {
                $(lblid).hide();
            }

        }

使用上面的代码我只获取文本框值，我无法找到标签控件，我想传递标签 id 作为参数，因为我必须在很多地方使用这个函数。请帮忙。

Answer 1

如果您的 html 始终采用相同的格式 ( <label><span></label><input/> )，则不需要相关的标签 ID，因为您可以使用

导航到范围

$("#" + cntlid).prev().find("span")

如果输入的标签(和 <asp:Label )彼此不相邻，那么还有其他方法可以找到它们，例如使用 for= .

示例片段

function addremovestyle(cntlid) {
  var txt = $("#" + cntlid).val();
  $("#" + cntlid).prev().find("span").toggle(txt === "")
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label>
    First Name: <span id="lblfname">*</span>
</label>
<input type='text' id='txtFirstName' onkeyup='addremovestyle("txtFirstName")' />