用文本输入替换复选框(在键入时选择)

时间:2015-07-28 15:30:50

标签: javascript jquery checkbox replace

我想要隐藏我的(很长的)复选框列表,并显示单个文本输入,我想在其中键入标签。找到我输入的标签后,应该确认(已选中)。

它应该像wordpress一样让用户选择标签。 我正在考虑用jquery做些什么,但直到现在我还没有找到任何东西。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

JS:

$("#search").keyup(function () {
    var self = this
    var checkboxes = $(".checkbox")
    var filtered_checkboxes = checkboxes.filter(function (i, e) {
        return e.innerHTML.toLowerCase().match(self.value.toLowerCase());
    })
    checkboxes.not(filtered_checkboxes).hide();
    filtered_checkboxes.show();
    filtered_checkboxes.prop('checked', 'true')
})

HTML:

<input type="text" id="search">