javascript - 基于javascript中选中的复选框将字段添加到页面

Question

我想根据用户是否需要在页面上设置字段。

我有一个页面，其中包含不同类型费用的复选框。用户必须检查他所拥有的费用类型，然后他将被重定向到一个新页面，他可以在其中仅为他检查的费用填写具体金额。

不幸的是，我对此很陌生，到目前为止，我所拥有的只是在选中复选框时弹出的警报。

如何修改以下代码以添加字段？

function submitCategories()
{
//TODO: get categories (checkbox)

    var searchIDs = $("input:checkbox:checked").map(function () {
        alert( $(this).val());
    }).get();

//Redirect

真的卡住了，希望这是有道理的

谢谢

Answer 1

将这些 id 作为逗号分隔的字符串添加到query string并重定向到详细信息页面并在服务器端解析返回的值

function submitCategories()
{
    var selectedQueryStr="?ids="
    var searchIDs = $(":checked").each(function () {
        selectedQueryStr+=$(this).val()+",";
    });

    window.location.href="DetailPage.aspx"+selectedQueryStr;
}

编辑

根据您的评论

function inputDetails() 
{ 
var inputs = document.getElementsByTagName('input'); 
for (var i = 0; i < inputs.length; i++) 
{ 
 if (inputs[i].type == 'checkbox') 
 { if (checkbox.checked == true)  //changed
  { alert("woohoo!!!!!!!"); } 
  else { alert("please check some boxes!!") } 
  } 
} 
}