jqueryのは、私は、フォームのいくつかの要素を解析しようとしていますフォーム

Question

内のすべての無線/チェックボックスのHTMLコードを取得します。

私は私と一緒に、フォームID /フォーム名を持っています。

今私は名前=「radio123」（またはID =「radio123」）ですべてのラジオボタンを解析します。 しかし、ラジオボタンの各要素で$（this）.htmlを試してみると、空白の値が得られます...

どのようにすれば、すべてのラジオボタン/チェックボックスのHTMLコードにアクセスできますか？形？このような

Answer 1

これはjQuery.fn.html機能の正常な動作です。

あなたは（あなたが値をしたい場合は、jQuery.fn.val方法を見て）HTMLを取得したい理由を、私は知らないが、ここにあるよう

$("input:radio").each(function() { 
    console.log(this.outerHTML); 
}); 

は、outerHTMLには注意してください解決策ですあなたはこの機能を使用することができ、すべてのブラウザーでサポートされていません：

function getOuterHTML(node) { 
    var parent = node.parentNode, 
     el = document.createElement(parent.tagName), 
     shtml; 

    el.appendChild(node); 
    shtml = el.innerHTML; 
    parent.appendChild(node); 

    return shtml; 
} 
// use it like getOuterHTML(this) in the preceding each loop 

Answer 2

何かが動作するはずです -

var htmlarr = []; 

$("input[type='radio'][name='radio123'],[type='radio'][id='radio123']").each(function() { 
    //any logic you need here 
    htmlarr.push($(this).clone().wrap('<div>').parent().html()); 
}) 

デモ - コードはDOM要素の外側のHTMLを取得するには、このメソッドを使用しています$(this).clone().wrap('<div>').parent().html()http://jsfiddle.net/tJ2Zc/

。詳細は質問にあります - Get selected element's outer HTML

上記のコードは、すべてのラジオボタンhtmlを配列に書き込みますが、ループ内で希望したとおりに変更することができます。 This method uses the browser's innerHTML property.あなたは私が何を意味するか理解していない場合の例を見てください：