checkbox多选显示同级下一个元素的值

对于checkbox多选的问题我将我的经验提供给大家、希望对你们有帮助、谢谢！！！

1.先取到多选的值

  js：

  $(function(){
   $("#submitBtn").click(function() {
   var selectID = ""; 
   var str="";
   var checkedID = document.getElementsByName("checkTheme");
   for (var i = 0; i < checkedID.length; i++) {  
            if (checkedID[i].checked) { 

            selectID += checkedID[i].value + "','"+"','";//获取到选择的id值
            str +=($(checkedID[i]).next().val()+"','");//获取到id对应的同级name值
            }  
        }  
         if (selectID == "'") { //
            document.getElementById("SelectedGuid").value = "";  
        }  
        else {  
              document.getElementById("SelectedGuid").value = str;  //checkbox传过来的值放到这里面
        } 
});
});

jsp页面

<input type="text"  readonly="readonly" name="cid" placeholder="请输入" id="SelectedGuid">

<input type="checkbox" name="checkTheme" class="checkboxs" id="sub" value="${submenu.cid }">//获取到选择的id值
<input type="hidden" name="checkThemes" class="checkboxs" value="${submenu.cname }" id="all">//获取到id对应的同级name值

<input type="button" value="确认提交" id="submitBtn"  />