启用/禁用多个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);
    }
}

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

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

我该如何解决这个问题？

Answer 1

您只需隐藏键盘及其ID属性更改

即可

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