0

我有一个包含 10 个项目（格式化列表）的页面。在此页面中，我需要为每个项目添加复选框并将该项目作为值添加到每个复选框。当用户单击复选框时选择的值应该传递到一个新页面。任何人都可以帮助我如何在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");
    }
4

2 回答 2

1

我不完全了解您的代码的每个部分在做什么，但我会尝试给出一个一般性的答案：

在您的 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。

于 2013-07-16T17:06:47.777 回答
0

​</p> 

$('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>'));
    }
);​​​​
于 2012-04-04T14:03:52.157 回答