个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
刚刚学习 JS 并卡在这里。
我有一个文本框和一个按钮。每当有人在文本框中提供值时，我希望按钮的颜色发生变化(比如红色)。当文本框保持为空时，按钮的颜色保持其初始颜色状态。
这是我写的代码::
HTML::
var text1 = document.getElementById("input1");
var butt1 = document.getElementById("button1");
if (text1.value == null || text1.value == "") {
butt1.style.backgroundColor = "white";
}
else {
butt1.style.backgroundColor = "#F22613";
} #button1 {
height: 20px;
width: 100px;
}<input type="text" id="input1" value="xyz">
<button type="submit" id="button1">最佳答案
您需要将事件监听器附加到 textBox 上的事件 keyup
var text1 = document.getElementById("input1");
var butt1 = document.getElementById("button1");
text1.addEventListener('keyup', function(){
if (text1.value == null || text1.value == "") {
butt1.style.backgroundColor = "white";
}
else {
butt1.style.backgroundColor = "#F22613";
}
});#button1 {
height: 20px;
width: 100px;
}<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<input type="text" id="input1" value="xyz">
<button type="submit" id="button1" >
</body>
</html> 关于javascript - 如何: Change color of button when an input is given to a textbox，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40459951/
24
4
0
我遇到过这个 html: 上面的html和这个有什么区别: 最佳答案 来自MDN page on the tag : 对于 type 的属性标签，可能的值是: 提交:按钮将表单数据提交给服务器
Button button= (Button) findViewbyID(R.id.button); 和 Button button = new Button(this); 有什么区别？ 最佳答案 有
我是一名优秀的程序员,十分优秀！