选中的复选框（动态创建）值应设置为目标文本字段

Question

对于目标文本字段，根据输入，自动建议将显示为复选框。我可以 select 一个或多个值，我的要求是在控制器端获得这些 selected 值，单击搜索按钮后。如何实现动态复选框，请提供任何建议。

jquery:

$("#destinationName").autocomplete({
    source : function(request, response) {
        $.ajax({
            url: "${pageContext.request.contextPath}/showDestinations",
            type: "POST",
            data: { term : request.term },
            dataType: "json",
            success: function(data) {
                $('.dest').html("");
                $.each(data, function(i, record) {
                    $('.dest').append("<br/><input class= 'src'     type='checkbox' id='chk-" + i + "' name='" + record + "' /> " + record);  
            });

HTML:

<form method="post" id="searchForm" action="someAction/showStatistics" id="ems">
    <label>Destination</label>
    <input type="text" id="destinationName" name="destinationName" value="${someForm.destinationName}" class="field" />
    <div class="dest"></div>
    <input type="submit" class="button" value="search" />
</form>

Answer 1

试试这个

$(document).ready(function () { 

    var dynamicCheckbox = [];

    $("#destinationName").autocomplete({
         source : function(request, response) {
         $.ajax({
              url: "${pageContext.request.contextPath}/showDestinations",
             type: "POST",
             data: { term : request.term },
             dataType: "json",
             success: function(data) {

                   $('.dest').html("");
                   $.each(data, function(i, record) {
                       $('.dest').append("<br/><input class= 'src' type='checkbox' id='chk-" + i + "' name='" + record + "' /> " + record);  
                   });
             };
          });
        }
    });

     $('.button').on('click', function (event) {
         event.preventDefault();
         $('.dest input:checked').each(function() {
              dynamicCheckbox.push($(this).attr('name'));
          });
          console.log(dynamicCheckbox);
      });
});

在 dynamicCheckbox 中，您将获得选中的复选框的名称。希望这就是您所需要的！

选中的复选框（动态创建）值应设置为目标文本字段

selected checkboxes(dynamically created) values should be set to destination text field

html

javascript

jquery

spring

jsp