【问题标题】:Using Jquery autocomplete data to check HTML checkboxes使用 Jquery 自动完成数据检查 HTML 复选框
【发布时间】:2016-07-09 03:33:43
【问题描述】:

我试图做的是使用 Jquery 和自动完成创建一个标记系统,其中自动完成是数据库中已经存在的标记,并且当您单击时,每个隐藏的 HTML 复选框都会被选中。

为了实现这一点,我想我需要检索我目前只获得“名称”的字段的 ID,对吧?我想我可以弄清楚如何同时获得姓名和身份证。但是我如何使用所说的 ID 来检查某个 HTML 复选框?

对不起,如果这个问题已经回答,或者我的帖子太模糊了。我对这一切都不熟悉。

编辑:如果没有显示在自动完成列表中,我无法获取 ID 数据。 (并且说列表的行为也很奇怪)对此也有帮助吗?我假设我需要将 data[0] 设置为标签,将 data[1] 设置为值,或者类似的东西.. 如果我可以在不破坏我的自动完成功能的情况下检索所述 ID,我可以处理其余的事情。谢谢

【问题讨论】:

    标签: jquery database checkbox autocomplete tags


    【解决方案1】:

    使用 jquery 来检查具有给定 id 的复选框,如下所示

    $('#id').prop('checked', true);
    

    编辑:是的,请参阅 jquery 自动完成文档。我假设您正在使用 Jquery UI。您可以将标签设置为您希望显示的内容,并将值设置为相应的 id。然后您可以在选中复选框时引用该 ID。我已将文档的选择功能修改为适合您的情况。

    $( "#project" ).autocomplete({
      minLength: 0,
      source: projects,
      focus: function( event, ui ) {
        $( "#project" ).val( ui.item.label );
        return false;
      },
      select: function( event, ui ) {
        var id = "#" + ui.item.value;
        $(id).prop('checked',true);
    
        return false;
      }
    })
    

    【讨论】:

    • 如果我想使用隐藏输入怎么办?我应该用什么代替“检查”?感谢您的帮助
    • 好吧,既然输入不能同时隐藏和复选框,我建议使用复选框输入,然后在 css 中将可见性设置为隐藏。
    • 非常感谢。如果我能解决我刚刚在 EDIT 中添加的问题,我就准备好了。
    • 谢谢你为我写的文件。哦,我认为 jquery 文档似乎缺乏。例如,除了其他一些网站上的教程外,我还没有看到任何关于“ui.item.label”的提示。可能我不知道怎么用。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2010-12-29
    • 2012-07-16
    • 1970-01-01
    • 2014-04-26
    • 1970-01-01
    • 1970-01-01
    • 2020-05-22
    相关资源
    最近更新 更多