当两个输入都有值时,可以使用JavaScript来向元素添加类。以下是一个示例代码:
// 获取输入框元素
var input1 = document.getElementById("input1");
var input2 = document.getElementById("input2");
// 监听输入框的输入事件
input1.addEventListener("input", checkInputs);
input2.addEventListener("input", checkInputs);
// 检查输入框的值
function checkInputs() {
var value1 = input1.value;
var value2 = input2.value;
// 如果两个输入框都有值,则向元素添加类
if (value1 && value2) {
var element = document.getElementById("element");
element.classList.add("my-class");
}
}
在上面的代码中,我们首先获取了两个输入框的元素,并为它们添加了输入事件的监听器。每当输入框的值发生变化时,都会调用checkInputs
函数。
checkInputs
函数中,我们获取了两个输入框的值,并使用条件语句判断两个输入框是否都有值。如果都有值,则获取需要添加类的元素,并使用classList.add
方法向元素添加类名为"my-class"的类。
这样,当两个输入框都有值时,就会向元素添加类,从而改变元素的样式或触发其他相关操作。
请注意,上述代码中的元素、类名和事件监听器的绑定需要根据实际情况进行修改。
领取专属 10元无门槛券
手把手带您无忧上云