Question

具有以下代码（位于对话框中）并充当事件侦听器用于复选框。能够使用复选框中的值填充/取消填充文本字段通过选中或取消选中各个复选框：

// Event listener which picks individual contacts
// and populates input field.
$('#emailCheckListId_ul input:checkbox').change(function() {
      // Declare array
      var emails = [];

      // Iterate through each array and put email addresses into array
      $('#emailCheckListId_ul input:checkbox:checked').each(function() {
             emails.push($(this).val());
      });

      // Assign variable as To: text field by obtaining element's id.
      var textField = document.getElementById("root.emailTextField");

      // Add / Remove array from text field
      textField.value = emails;
});

但是，当我尝试使用JQuery Tagify插件时，它只会在文本字段中创建一个“标记的动态标签”，但在单击其他复选框时不会创建另一个标签。此外，当我取消选中原始复选框时，它不会删除原始标签。

这是我使用JQuery tagify插件的代码（我所做的就是保持一切与上面相同，但称为tagify函数在文本字段上）：

// Add / Remove array from text field
textField.value = emails;

// Decorate with dynamic label
$(textField).tagify(emails);

我在浏览器中收到此JavaScript错误：

jquery.tagify.js：'options'未定义，第71行

在源代码中，这一行显示为：

_setOption: function( key, value ) {
    options.key = value;
},

它声明options.key未定义......

要查看jquery.tagify.js完整来源，请点击here。

我可能做错了什么？有没有办法可以创建一个“其他”，例如：

// Iterate through each array and put email addresses into array
$('#emailCheckListId_ul input:checkbox:checked').each(function() 
{
    // do something
}); 

// how would I define the else when the input:checkbox:checked is not checked:

// I already tried this but it doesn't work:
$('#emailCheckListId_ul input:checkbox:unchecked').each(function() 
{
    // do something else
});

如果有人可以帮助我，我会非常感激...

感谢您抽出宝贵时间阅读本文。

Answer 1

使用以下代码：

if (emails.length <= 0) {
    // Remove dynamic labels
    $(textField).tagify('destroy');

    // Empty text field
    textField.value = "";
}
else {
    // Reset tagify
    $(textField).tagify('destroy');

    // Add / Remove array from text field
    textField.value = emails;

    // Decorate with dynamic label
    $(textField).tagify(emails);
}

尝试使用tagify插件使用动态标签填充文本字段

1 个答案: