时间戳

首页 > 解决方案 > 当用户输入某个值时，如何标记复选框已选中？

javascript - 当用户输入某个值时，如何标记复选框已选中？

问题描述

所以我有这个问题，我想在用户输入某个值时标记选中的复选框。例如，当用户输入“FAAS”时，应选中复选框。这个怎么做？

这是我的代码：

HTML：

 <input type="text" name="faashidden" id="faashidden">
 <input id="faasfrontandback" name="faasfrontandback" type="checkbox">
 <label for="faasfrontandback">FAAS Front & Back</label>

当用户输入内容faashidden并单击按钮时，应选中复选框。这是我的javascript代码：

var faas = $("#faashidden").val();
if (faas.value == "FAAS") {
       document.getElementById("faasfrontandback").checked = true;

}

标签： javascriptjqueryhtml

解决方案

尝试这个：

$("#faashidden").keypress(function(e){
    var faas = $("#faashidden").val();
    if (faas == "FAAS") {
       $("#faasfrontandback").prop('checked', true);
    }
});

它在输入上添加了一个事件侦听器。每次用户在专注于输入时点击一个键，该函数都会检查输入的内容，如果它是“FAAS”，则选中该框。

编辑：您可能还想检查输入是“FAAS”还是“faas”。在这种情况下，将输入转换为小写并将结果与​​“faas”进行比较。见下文：

$("#faashidden").keypress(function(e){
    var faas = $("#faashidden").val().toLowerCase();
    if (faas == "faas") {
       $("#faasfrontandback").prop('checked', true);
    }
});

推荐阅读