Cách lấy biểu mẫu html() qua jQuery bao gồm các thuộc tính giá trị được cập nhật?

Question

Có thể lấy html của biểu mẫu có thuộc tính giá trị được cập nhật thông qua hàm .html() không?

The (giản thể) HTML:

<form> 
    <input type="radio" name="some_radio" value="1" checked="checked"> 
    <input type="radio" name="some_radio" value="2"><br><br> 
    <input type="text" name="some_input" value="Default Value"> 
</form><br> 
<a href="#">Click me</a> 

Các jQuery:

$(document).ready(function() 
{ 
    $('a').on('click', function() { 
     alert($('form').html()); 
    }); 
}); 

Dưới đây là một ví dụ về những gì tôi đang cố gắng để làm: http://jsfiddle.net/brLgC/2/

Sau khi thay đổi giá trị của đầu vào và nhấn "bấm vào tôi" nó vẫn trả về HTML với các giá trị mặc định.

Làm cách nào tôi có thể nhận HTML cập nhật qua jQuery?

Answer 1

Nếu bạn thực sự phải có HTML, bạn cần phải thực sự cập nhật "giá trị" thuộc tính bằng tay: http://jsfiddle.net/brLgC/4/

$(document).ready(function() 
{ 
    $('a').on('click', function() { 
     $("input,select,textarea").each(function() { 
      if($(this).is("[type='checkbox']") || $(this).is("[type='checkbox']")) { 
      $(this).attr("checked", $(this).attr("checked")); 
      } 
      else { 
       $(this).attr("value", $(this).val()); 
      } 
     }); 
     alert($('form').html()); 
    }); 
}); 

Answer 2

câu trả lời RGraham đã không được làm việc cho tôi vì vậy tôi sửa đổi nó để:

$("input, select, textarea").each(function() { 
    var $this = $(this); 

    if ($this.is("[type='radio']") || $this.is("[type='checkbox']")) { 
     if ($this.prop("checked")) { 
      $this.attr("checked", "checked"); 
     } 
    } else { 
     if ($this.is("select")) { 
      $this.find(":selected").attr("selected", "selected"); 
     } else { 
      $this.attr("value", $this.val()); 
     } 
    } 
}); 

Answer 3

Tác phẩm của Lachlan "gần như" hoàn hảo. Vấn đề là khi biểu mẫu được lưu và sau đó khôi phục, sau đó được lưu lại, đài và hộp kiểm không bỏ chọn và thay vào đó chỉ giữ nguyên. Sửa lỗi đơn giản bên dưới.

$("input, select, textarea").each(function() { 
    var $this = $(this); 

    if ($this.is("[type='radio']") || $this.is("[type='checkbox']")) { 
     if ($this.prop("checked")) { 
      $this.attr("checked", "checked"); 
     } else { 
      $this.removeAttr("checked"); 
     } 
    } else { 
     if ($this.is("select")) { 
      $this.find(":selected").attr("selected", "selected"); 
     } else { 
      $this.attr("value", $this.val()); 
     } 
    } 
});