jsp页面复选框怎么传值

一个jsp页面,分上下两个div,如何选中上面div里的多个复选框。下面div就会自动出现选中复选框的值?

demo如下:

html部分,div2中要展示div1下name="mycheck"的checkbox选中的值,逗号隔开。

<div id="div1">
    <input type="checkbox" value="A" name="mycheck" checked="checked" > A
    <input type="checkbox" value="B" name="mycheck" > B
    <input type="checkbox" value="C" name="mycheck" > C
    <input type="checkbox" value="D" name="mycheck" > D
</div>
<div id="div2"></div>

javascript部分

function fillvalue(elements){
    var v = new Array();//可以存储每个选中项的值
    for(var i = 0,l = elements.length; i < l ; i++){
        var e = elements[i];
        if(e.checked){
            v.push(e.value);
        }
    }
    document.getElementById("div2").innerText = v.join(",");
}
window.onload = function(){
    var mycheck = document.getElementsByName("mycheck");
    for(var i = 0,l = mycheck.length; i < l ; i++){
        mycheck[i].onclick = function(){
            fillvalue(mycheck);
        }
    }
    fillvalue(mycheck);
}

追问

非常感谢,如果我想把打印出来的值赋给变量,怎么操作,这些值要参与计算~
或者将这些值放入下方div的input的value里,能实现提交到其它页面。
如果代码太麻烦的话给个思路我自己查,谢谢~

追答

如果要放到某个id=param的input里,改下这句代码就行了。

 document.getElementById("div2").innerText = v.join(",");
 改为
  document.getElementById("param").value = v.join(",");

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答