從servlet響應中生成動態複選框值

Question

我將servlet響應中的數據庫值作爲id和name;我將它存儲在一個servlet中的Mapkey-value中。

我想現在創建一個JSP代碼，它會生成一個複選框並顯示動態值列表。

servlet代碼

String sql = "SELECT customerid , c_name from customer"; 
ResultSet rs = s.executeQuery(sql); 
Map<String, String> options = new LinkedHashMap<String, String>(); 

while (rs.next()) { 
options.put(rs.getString("customerid"), rs.getString("c_name"); 
} 

String json = new Gson().toJson(options); 
response.setContentType("application/json"); 
response.setCharacterEncoding("UTF-8"); 
response.getWriter().write(json); 

JSP代碼 -

$(document).ready(function() {       
    $('.btn-checkbox').click(function() {  
    $.get('dataservlet', function (responseJson) { 
    var $input = $('#id1'); 
    var $type = 'checkbox'; 
     $.each(responseJson, function (key, value) {    
     $('$type').val(key).text(value).appendTo($input); 
    }); 
    }); 
}); 

//JQuery is not generating the right checkboxes, even when the response is in, need help in forming the correct JQuery. 

HTML代碼 -

div id="id1"></div> 

例如 -

我有一個記錄來原樣

customerid c_name 
5000  name1 

，我需要一個複選框即可生成如下：

<input type ="checkbox" id'5000"/>name1 

//所以在這裏key是ID和value是name1

我需要一個複選框，在它的值如下圖像 -

UPDATE

Answer 1

你這樣做是完全錯誤的。使用以下幾行。 Demo Fiddle

var append = $('<input type="'+$type+'">'+value+'</input>').attr('id',key).val(value); 

$($input).append('<br/>').append(append); 

• $type不能被用作字符串 - $('$type')
• 關鍵是你的ID - 因此使用.val()你不能使用它。
• 爲什麼你將它附加到輸入，你應該在輸入後插入新的複選框 - .after()。
• 而你忘記結束$(document).ready()與});。
• 使用.change()而不是.click() incase of inputs。

因此，最終的JS：

$(document).ready(function() {       
    $('.btn-checkbox').change(function() {  
     $.get('dataservlet', function (responseJson) { 
      var $input = $('#id1'); 
      var $type = 'checkbox'; 
      $.each(responseJson, function (key, value) {    
       var append = $('<input type="'+$type+'">'+value+'</input>').attr('id',key).val(value); 
       $($input).append('<br/>').append(append); 
      }); 
     }); 
    }); 
});