如何從複選框的對話框的值到jquery變量

Question

我做了一個按鈕，onclick顯示覆選框的對話框。現在根據我需要獲取複選框的值單擊到var的jquery中，並顯示它到網頁爲HTML，但我沒有收到怎麼辦呢..

這裏是我的代碼..

var $dialog = $('<div></div>') 
     .html('<form id="myform" action=""><input type="checkbox" id="LOCAL" name="LOCAL" value="LOCAL" />LOCAL<br /><input type="checkbox" name="STD" id="STD" value="STD" /> STD <br /><input type="checkbox" name="ISD" id="ISD" value="ISD" />ISD<br /><input type="checkbox" name="INCOMING" id="INCOMING" value="INCOMING" />INCOMING<br /><input type="checkbox" name="INET" id="INET" value="INET" />INET<br /></form>') 
     .dialog({ 
      autoOpen: false, 
      title: 'Select Sites', 
      buttons: { 
       "Submit": function() { $('form#myform').submit();}, 
       "Cancel": function() {$(this).dialog("close");} 
      } 
     }); 

     $('#ssites').click(function(evt) {   
      $dialog.dialog('open'); 
      evt.preventDefault(); 
      // prevent the default action, e.g., following a link 
      return false; 
     }); 

     $('form#myform').submit(function(){   
      $(this).find('input[type="checkbox"]').each(function(){ 
       alert($(this).is(':checked')); 
      }); 
      $dialog.dialog('close'); 
     });   

任何幫助將不勝感激..提前 謝謝..

Answer 1

下面的代碼工作中。

HTML

<a href="javascript:void(0)" id="ssites">Click</a> 
<ul class="insert-data"></ul> 

JQUERY

$(document).ready(function() { 
var $dialog = $('<div></div>') 
     .html('<form id="myform" action=""><input type="checkbox" id="LOCAL" name="LOCAL" value="LOCAL" />LOCAL<br /><input type="checkbox" name="STD" id="STD" value="STD" /> STD <br /><input type="checkbox" name="ISD" id="ISD" value="ISD" />ISD<br /><input type="checkbox" name="INCOMING" id="INCOMING" value="INCOMING" />INCOMING<br /><input type="checkbox" name="INET" id="INET" value="INET" />INET<br /></form>') 
     .dialog({ 
      autoOpen: false, 
      title: 'Select Sites', 
      buttons: { 
       "Submit": function() { $('form#myform').submit();}, 
       "Cancel": function() {$(this).dialog("close");} 
      } 
     }); 


     $('#ssites').click(function(evt) { 

      $dialog.dialog('open'); 
      evt.preventDefault(); 
      // prevent the default action, e.g., following a link 
      return false; 
     }); 

     $('form#myform').submit(function(e){ 
      e.preventDefault(); 
      $('.insert-data').html(''); 
      $(this).find('input[type="checkbox"]').each(function(){ 
       var Selected = $(this).val(); 
       if($(this).is(':checked')) { 
        $('.insert-data').append('<li>'+Selected+'</li>'); 
       } 
      }) 


      $dialog.dialog('close'); 
     });   
}); 

您可以在下面擺弄這些代碼。 JSFIDDLE

獲取單個變量中的值。檢查這個小提琴。 JSFIDDLE