js获取复选框的value

思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。

html部分：

<div class="category">
   <span>所属产品线</span>
   <div>
     <ul>
       <li><input type="checkbox" name="category"  value="1"><div class="option"></div><span>1</span></li>
       <li><input type="checkbox" name="category"  value="2"><div class="option"></div><span>2</span></li>
       <li><input type="checkbox" name="category"  value="3"><div class="option"></div><span>3</span></li>
       <li><input type="checkbox" name="category"  value="4"><div class="option"></div><span>4</span></li>
       <li><input type="checkbox" name="category"  value="5"><div class="option"></div><span>5</span></li>
       <li><input type="checkbox" name="category"  value="6"><div class="option"></div><span>6</span></li>
       <li><input type="checkbox" name="category"  value="7"><div class="option"></div><span>7</span></li>
     </ul>
   </div>
</div>

js部分：

var date = document.getElementsByName("category"); 
        check_val = [];
        for(k in date){
           if(date[k].checked){
              check_val.push(date[k].value);
			}
		}