js判断是否有值，显示按钮

在JavaScript中，你可以使用条件语句如if...else来判断某个变量是否包含值，如果包含则显示相应的按钮。这里有一个基本的例子：

let myValue;

// 假设myValue从后台获取或者用户输入
myValue = "有值";

// 创建按钮元素
const showButton = document.createElement("button");

// 判断是否有值
if (myValue !== undefined && myValue !== null && myValue !== "") { // 检查空字符串、null和undefined
  showButton.textContent = "显示";
  // 将按钮添加到页面上
  document.body.appendChild(showButton);
} else {
  showButton.style.display = "none"; // 隐藏按钮
}

这个例子中，如果`myValue`不是`undefined`、`null`或空字符串，则创建并显示按钮；反之，将按钮设置为隐藏。

相关问题

小程序input框有值时显示清空按钮

您可以通过以下步骤来实现小程序input框有值时显示清空按钮：

1. 在wxml文件中添加一个input框和一个清空按钮，清空按钮默认隐藏。

   <view class="input-container">
     <input class="input" placeholder="请输入内容" bindinput="onInput"/>
     <button class="clear-btn" bindtap="onClear" hidden="{{!hasValue}}">清空</button>
   </view>

2. 在js文件中添加onInput和onClear事件函数，并在onInput事件函数中判断input框的值是否为空，若不为空，则设置hasValue为true，清空按钮显示；否则，设置hasValue为false，清空按钮隐藏。

   Page({
     data: {
       hasValue: false
     },
     onInput: function(e) {
       if (e.detail.value !== '') {
         this.setData({
           hasValue: true
         });
       } else {
         this.setData({
           hasValue: false
         });
       }
     },
     onClear: function() {
       this.setData({
         hasValue: false
       });
     }
   })

3. 在wxss文件中添加样式，使清空按钮居右显示。

   .input-container {
     display: flex;
     align-items: center;
     justify-content: space-between;
     border: 1rpx solid #ccc;
     padding: 10rpx;
   }
   .input {
     flex: 1;
     outline: none;
     border: none;
   }
   .clear-btn {
     font-size: 28rpx;
     color: #333;
     background-color: transparent;
   }

这样，当输入框有值时，清空按钮会显示出来，方便用户清空输入框的内容。

js 点击给一个字段赋值 在进行判断是否显示其他按钮

可以使用JavaScript代码实现此功能，具体实现方法如下：

1. 给该字段添加一个点击事件，当点击后设置该字段的值；
2. 在代码中判断该字段的值是否符合条件，如果符合，则显示其他按钮，否则隐藏其他按钮。

参考代码如下：

<script>
var field = document.getElementById("field");
var btn = document.getElementById("btn");

field.onclick = function() {
    field.value = "赋值内容";
    if (field.value === "符合条件的值") {
        btn.style.display = "block";
    } else {
        btn.style.display = "none";
    }
}

</script>

注意替换代码中的field和btn为实际的字段和按钮ID。