当我检查是否至少完成了一个输入时，只显示一个按钮，而不显示同一类的另一个按钮
我想创建函数时，我把任何输入（我有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个答案
你可以那样做
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