表单内多选框怎么获取选择的值

前不久开发的一款设备借用的程序，借用的申请表单涉及到了对于多台设备的选用，涉及到多选，所以总结一下是咋获取的多选中选中的多个值。

首先，在表单中会有如下的表单数据：

<html>
 <head></head>
 <body>
  <div class="weui-vertical-tab__content_on" style=""> 
   <div class="weui-grids weui-grids-border" id="appmsg20866"> 
    <div data-index="208660" id="datatemplate20866" page="" style="" class="weui-media-box weui-media-box_appmsg    row"> 
     <div class="weui-media-box__hd   " style="padding: 15px;"> 
      <input type="checkbox" name="ids" value="2" /> 
     </div> 
     <div class="weui-media-box__bd"> 
      <h4 class="weui-media-box__title" style="">T500</h4> 
      <div class="weui-media-box__desc" style="">
       好贵的
      </div> 
     </div> 
    </div> 
    <div data-index="208660" id="datatemplate20866" page="" style="" class="weui-media-box weui-media-box_appmsg    row"> 
     <div class="weui-media-box__hd   " style="padding: 15px;"> 
      <input type="checkbox" name="ids" value="4" /> 
     </div> 
     <div class="weui-media-box__bd"> 
      <h4 class="weui-media-box__title" style="">高级摄像机</h4> 
      <div class="weui-media-box__desc" style="">
       很贵的那种哦
      </div> 
     </div> 
    </div> 
   </div> 
  </div>
 </body>
</html>

然后是在head上添加js代码：

< script charset = "utf-8"type = "text/javascript" >
function fun() {
    obj = document.getElementsByName("ids");

    check_val = [];

    for (k in obj) {

        if (obj[k].checked)

        check_val.push(obj[k].value);

    }
    $("input[name='checked']").val(check_val);
    // alert(check_val);
} < /script>

最后在表单里添加一个button，里边添加点击事件，这样提交的时候就会连带着一组数据跳转啦。

<button href="#" style="text-decoration:none" class="weui-tabbar__item ajax-page  weui-bar__item_on " onclick="fun()"> <p class="weui-tabbar__label weui-tabbar__label563637" style="font-size: 16px;color: #50abdf;">提交申请</p> </button>