javascriptのinnerHTMLのチェックボックスを追加します

Question

私は10項目（フォーマットされたリスト）を含むページを持っています。このページには各項目のチェックボックスを追加し、各項目に値として項目を追加する必要があります。ユーザーがチェックボックスをクリックすると、選択した値を新しいpage.Canに渡す必要があります。どのようにJavaスクリプトのinnerHTMLのチェックボックスを追加する方法を助けてください。

コード：

var newsletter=document.getElementById("block-system-main"); 
    var districolumn=getElementsByClassName('view-id-_create_a_news_letter_',newsletter,'div'); 
    if(districolumn!=null) 
{ 
    var newsletterall=newsletter.getElementsByTagName('li'); 
alert(newsletterall[0].innerHTML); 
var all=newsletter.innerHTML; 
newsletter.innerHTML="<input type='button' onclick='changeText()' value='Change Text'/>"; 
} 
    function changeText() 
    { 
     alert("dfgsdg"); 
    } 

Answer 1

$('ul​​​#list li').each(
    function() { 
     var me = $(this), 
      val = me.html(), 
      ckb = $('<input type="checkbox" />'); 

     ckb.click(function() { 
      var where=val; 
      window.location.href='http://google.com/?'+where; 
     }); 

     me.html(''); 
     me.append(ckb).append($('<span>'+val+'</span>')); 
    } 
);​​​​ 

Answer 2

私はまさにあなたのコードの各部分が何をしているかを理解していないが、私は一般的な答え試してみてあげる：

を

HTMLに次のような操作を行います。

<form id="myForm" action="nextPage.com"> 
    <div id="Boxes"></div> 
</form> 

上記の名前を、チェックボックスを書きたい場所に変更します。

そして、あなたの機能：

function changeText() 
{ 
    for(var i=0 ; i < newsletterall.length ; i++) 
    { 
     var inner = document.getElementById("Boxes").innerHTML; 
     var newBox = ('<input type="checkbox" name="item[]" value="' + newsletter[i] + '>' + newsletterall[i]); 
     document.getElementById("Boxes").innerHTML = inner + newBox; 
    } 
document.getElementById("myForm").submit(); 
} 

コードの最後の行が自動的にチェックボックスを提出します。その必要がない場合は、その行を削除し、myFormというフォームに送信ボタンを追加します。