启用/禁用多个 Google 虚拟键盘

Question

如何将谷歌虚拟键盘用于多个文本框。我希望在每个文本框上方选中一个复选框以启用虚拟键盘。

我有两个名为 textbox1、checkbox1、textbox2 和 checkbox2 的文本框和复选框。 我正在使用此代码：

var kdp1;
var kdp2;

// This function for checkbox1 for enabling keyboard on textbox1
function checkbox1(chk)
{
    if (chk.checked)
    {
        kdp1 = new google.elements.keyboard.Keyboard(
            [google.elements.keyboard.LayoutCode.MALAYALAM_PHONETIC],
            ['textbox1']);
    }
    else
    {
        kdp1.setVisible(false);
    }
}

// This function for checkbox2 for enabling keyboard on textbox2
function checkbox2(chk)
{
    if (chk.checked)
    {
        kdp2 = new google.elements.keyboard.Keyboard(
            [google.elements.keyboard.LayoutCode.MALAYALAM_PHONETIC],
            ['textbox2']);
    }
    else
    {
        kdp2.setVisible(false);
    }
}

当复选框被选中时，这会在每个文本框上启用虚拟键盘。但问题是当我取消选中一个文本框的复选框时，它也会隐藏每个虚拟键盘。

我只想隐藏一个虚拟键盘。

我该如何解决这个问题？

Answer 1

您可以简单地通过其 id 属性更改来隐藏键盘

div#kbd.outerbox {
  visibility: hidden !important;
}