JSP AJAX获取复选框值

Question

我正在使用ajax和JSP开发一个表单，但我仍然坚持使用此复选框值。我想将选中的复选框值发送到另一个页面。

我要做的是从＆＃34; app.jsp＆＃34;获取复选框值。 to＆＃34; senDbase.jsp＆＃34;。

我在这里没有使用FORM。

app.jsp

<input type="checkbox" name="chb" id="chb1" value="html" />HTML<br/>
<input type="checkbox" name="chb" id="chb2" value="css" />CSS<br/>
<input type="checkbox" name="chb" id="chb3" value="javascript" />JavaScript<br/>
<input type="checkbox" name="chb" id="chb4" value="php" />php<br/>
<input type="checkbox" name="chb" id="chb5" value="python" />Python<br/>
<input type="checkbox" name="chb" id="chb6" value="net" />Net<br/>
<input type="button" value="Click" id="btntest" />

以下是我尝试的内容

try
{
    var url="senDbase.jsp";
    url += "&chkbx1=" +document.getElementById("chb1").value;
    url += "&chkbx2=" +document.getElementById("chb2").value;
    url += "&chkbx3=" +document.getElementById("chb3").value;
    url += "&chkbx4=" +document.getElementById("chb4").value;
    url += "&chkbx5=" +document.getElementById("chb5").value;
    url += "&chkbx6=" +document.getElementById("chb6").value;
}
catch(e)
{
    alert('error sending variables');
}

我没有在＆＃34; senDbase.jsp＆＃34;上获得这些值。

Answer 1

您可以使用javascript / jquery。 例如，每次选中复选框或取消选中时，都会执行ajax调用。我假设你不想做重定向。

  var checked;
 $(document).on("change", "input[type=checkbox]", function(e) {
    checked = $("input[type=checkbox]:checked");
    if ($(this).is(':checked')) {
            var id=$checked.val();
            $.ajax({
                url: 'senDbase.jsp',
                type: 'GET',
                data: "&chkbx1="+id
            });
        }
 });

Answer 2

我认为您错过了网址中的?字符，因为您无法在 senDbase.jsp 上检索查询参数：

try
{
    var url="senDbase.jsp?";
    url += "&chkbx1=" +document.getElementById("chb1").value;
    url += "&chkbx2=" +document.getElementById("chb2").value;
    url += "&chkbx3=" +document.getElementById("chb3").value;
    url += "&chkbx4=" +document.getElementById("chb4").value;
    url += "&chkbx5=" +document.getElementById("chb5").value;
    url += "&chkbx6=" +document.getElementById("chb6").value;
}
catch(e)
{
    alert('error sending variables');
}