当前位置: 首页 > 知识库问答 >
问题:

当我检查是否至少完成了一个输入时,只显示一个按钮,而不显示同一类的另一个按钮

伍耀
2023-03-14

我想创建函数时,我把任何输入(我有6),将显示一个按钮搜索,当字段为空,相同的按钮将被隐藏。现在,我的问题是,当我写的时候,我得到了我在file.js和.jsp中声明的两个按钮(搜索并继续)。

我想要一个帮助只为这两个表达式:

<div class="button-row">
            <button class="btn btn-black" type="submit" name="search"><spring:theme code="multilogin.search.button"/></button>
        </div>

而且

<div class="button-row">
        <button class="btn btn-black" type="button" name="multiLogin"><spring:theme code="multilogin.button.login"/></button>
    </div>

您可以在这里找到代码-->https://jsfidle.net/fm1y5c8v/1/

null

inputField: function(){
       // $("#multiLogin-search input").on('input', function(){
                var showHideButtonSearch = () => {
                    let hasValue = false;
 $("#multiLogin-search input.text-input").each(function(){
                      if ($(this).val()) {
                        hasValue = true;
                      }
                    });
                    if (hasValue === false) {
                      $(".button-row").hide();
                    } else {
                      $(".button-row").show();
                    }
                }
                // Check input values on key up
  $("#multiLogin-search input.text-input").keyup(function() {
                   showHideButtonSearch();
                 });

                 //Hide button search on page load
                   showHideButtonSearch();
      // });
    }
<!DOCTYPE html>
<html lang="en">
<body> 


<form id="multiLogin-search" class="d-none">
            <div class="column">
                <div class="text-input-wrap">
     <p> Customer number <p>
     <p> <input class="text-input" type="text" name="customerCode"  > <p>
                </div>
                <div class="text-input-wrap">
                    <p> Country <p>
                    <p> <input class="text-input" type="text" name="country"  > <p>
                    
                </div>
                <div class="text-input-wrap">
                    <p> Postal Code <p>
                    
                    <p> <input class="text-input" type="text" name="postalCode"  > <p>
                </div>
            </div>
            <div class="column">
                <div class="text-input-wrap">
                    <p> Customer Name <p>
                    <p> <input class="text-input" type="text" name="customerName" > <p>
                </div>
                <div class="text-input-wrap">
                    <p> City <p>
                    <p> <input class="text-input" type="text" name="city" > <p>
                </div>
                <div class="text-input-wrap">
                    <p> Address <p>
                    <p> <input class="text-input" type="text" name="address"><p>
                </div>
            </div>

            

<div class="button-row">
  <button class="btn btn-black" type="submit" name="search"><spring:theme code="multilogin.search.button"/></button>
            </div>
        </form>
        
    <div class="customersList">
    <table id="multiLoginResultsTable" class="customersListTable">
                <thead>
                    <tr>
                        <th class="header1">
                        </th>
                        <th class="header2">
                            Customer number</th>
                        <th class="header3">
                            Customer</th>
                        <th class="header4">
                            Country</th>
                        <th class="header5">
                            City</th>
                        <th class="header6">
                            Postal Code</th>
                        <th class="header7">
                            Address</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td colspan="7" class="internal-td">
                             <div class="tr-container">
                                <table>
                                    <tbody>

                                     <tr class="item">
                                     <td headers="header1">
                     <input type="radio" name="customer">
                </td>
                       <td headers="header2">
                                          Teor bo
                                     </td>
                               <td headers="header3">
                                       Marco Rossi
                                            </td>
                                            
                                        </tr>
                                       
                                        </tbody>
                                </table>

                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        
    </div>
        <div class="button-row">
    <button class="btn btn-black" type="button" name="multilogin"><spring:theme code="multilogin.search.button"/></button>
            </div>
 
        
</body>
</html>

null

thnx,

共有1个答案

阳宗清
2023-03-14

你可以那样做

if (hasValue === false) {
   $('button[name=search]').parent().hide();
} else {
   $('button[name=search]').parent().show();
}
 类似资料:
  • 我一直在努力解决这个问题。我正在尝试的是只显示下一个和上一个按钮。直到我得到 我不想要邮政的链接,我想要邮政的子页链接。我在一篇文章中使用多个页面。我正在使用分页符 nextpage注释功能

  • 我需要帮助创建一个div,当你点击一个按钮时,里面有自定义超文本标记语言的div会被创建。 如果这是可能的(很可能是),我正在制作一个邮箱。 谢谢!!!

  • 我一直在工作的swings框架,其中有一个卡片布局面板在大型机。 我总共有20个jpanels添加到我的卡片布局面板中,在这20个面板中,有3个面板是由一个按钮组成的,点击这个按钮会加载另一个JFrame。当我使用IDE运行这个GUI时,它工作得很好,但是,当我运行jar文件时,在三种情况中的两种情况下,当单击按钮时,它不显示帧。 这是我正在为ButtonListener使用的代码。这个按钮只在一

  • 我(目前)有三个按钮 使用这些按钮,我想显示不同的菜单/覆盖。覆盖图如下所示: 这方面的JS是: 我的问题是只有菜单1正在显示。脚本可以正常工作,但是menu2和menu3没有显示。 我想这一定是缺少的东西。也许是a$(this)什么的(对不起我的JS已经不是以前的样子了)。我在中循环,然后从google chrome dev中点击了“Right”按钮(我想,很难说出来)。 预期结果:如果我按下按

  • 问题内容: 我的html文件中有两个div。我想隐藏第一个div并在html输入按钮事件上显示另一个div 。 这是我的代码, 但这不起作用。任何帮助将不胜感激。 谢谢。 问题答案: 1)在onclick内,您不必使用暗示的“ javascript:”。 2)您检查“显示:阻止”,我总是检查“显示:无”(因为显示也可以是“行内阻止”,等等。) 尝试这个:

  • 嘿,我正在做一个java项目,我会试着把我的问题概括出来... 我有一个jpanelX,其中包含juckons1到5。所有这些按钮都连接到相同的actionlistener和相同的操作执行方法。我还将点击的按钮的来源保存到全局字符串变量中。 我有另一个JpanelY。JpanelY包含字符串数组。 我想将这两种行为联系起来: > 用户点击JpanelX上的按钮 显示的是JpanelY而不是Jpan