Question

所以我有这个问题，我想在用户输入特定值时将复选框选中。例如，当用户输入“ 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;

}

Answer 1

尝试一下：

$("#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);
    }
});

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

1 个答案: