小编the*_*tem的帖子

如果/ else带按钮和输入

EDIT - 已解决 //正如用户Win在答案中指出的那样,如果一个函数被命名为click并且您尝试使用HTML按钮调用它,那么它会将该函数与HTML的内置/标准"click()"函数混淆纽扣

任何人都可以弄清楚,为什么(世界上)这不起作用?我在Chrome,IDE和/或JSFiddle中都没有错误报告.

HTML

<!DOCTYPE html>
<html>
<head>
  <script src="app.js"></script>
</head>
<body>
  <input id="search" type="text" name="input" placeholder="Search..">
  <button onclick="click()" value="Submit">Get weather</button>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

JavaScript的

function click() {
  if (document.getElementById("search").value == "New York") {
    console.log("Loading weather for New York..."); 
  } else {
    console.log("City name isn't valid. Try again");
  }
}
Run Code Online (Sandbox Code Playgroud)

JSFiddle:https://jsfiddle.net/nd6f5pp7/

提前致谢.

html javascript input function button

2
推荐指数
1
解决办法
1059
查看次数

更改CSS"display:none;" 显示

我想在网站加载时隐藏我网站上的元素,但是当用户提交表单时,它会更改为显示.我已经试了几个小时了,不能让它上班.

码:

HTML

<form onsubmit="show();">
<div id="mymessage" class="hidden">Message was sent.</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.hidden {
  display: none;
}
Run Code Online (Sandbox Code Playgroud)

JavaScript的

function show () {
  document.getElementById("mymessage").style.display = 'block';
}
Run Code Online (Sandbox Code Playgroud)

免责声明:我只包含相关代码.

希望有人能够帮助我/发现错误!

html javascript css forms display

2
推荐指数
2
解决办法
1350
查看次数

*ngIf...当数据为空时,为mat-checkbox设置disabled=true

我有以下代码:

<div class="item-container">
  <mat-checkbox class="item">{{contactInfo.privateMobile}}</mat-checkbox>
</div>
Run Code Online (Sandbox Code Playgroud)

如果contactInfo.privateMobile为空,我不希望用户能够选中该复选框。

我已经尝试了以下方法:<mat-checkbox *ngIf={{contactInfo.privateMobile}} === null disabled=true" class="item">{{contactInfo.privateMobile}}</mat-checkbox>,但这不起作用或无法编译。也许我需要在 TypeScript 代码中使用一个方法?不知道该怎么做。

html angular-ng-if angular-material angular

2
推荐指数
1
解决办法
1983
查看次数