jqury 多选框 未选中 选中的办法 已解决

jquery 多选 选中 和未选中的 办法  使用 vue 估计就简单多了

<div class="sku_tab_size">
  <ul class="Father_Item_Size">
    <li>
      <label>
        <input type="checkbox" value="OneSize">均码
        <span class="li_empty"></span></label>
    </li>
  </ul>
  <ul class="Father_Item_Size">
    <li>
      <label>
        <input type="checkbox" value="S">S
        <span class="li_empty"></span></label>
    </li>
  </ul>
  <ul class="Father_Item_Size">
    <li>
      <label>
        <input type="checkbox" value="M">M
        <span class="li_empty"></span></label>
    </li>
  </ul>
  <ul class="Father_Item_Size">
    <li>
      <label>
        <input type="checkbox" value="L">L
        <span class="li_empty"></span></label>
    </li>
  </ul>
  <ul class="Father_Item_Size">
    <li>
      <label>
        <input type="checkbox" value="XL">XL
        <span class="li_empty"></span></label>
    </li>
  </ul>
  <ul class="Father_Item_Size">
    <li>
      <label>
        <input type="checkbox" value="XXL">XXL
        <span class="li_empty"></span></label>
    </li>
  </ul>
  <ul class="Father_Item_Size">
    <li>
      <label>
        <input type="checkbox" value="XXXXL">XXXXL
        <span class="li_empty"></span></label>
    </li>
  </ul>
</div>

js部分 

        //设置 尺码 自定义
        $(".sku_tab_size label").bind("change", function (){
            var size_arr = new Array();
            $(".Father_Item_Size input[type=checkbox]:checked").each(function (){
                // 去重复
                if(size_arr.indexOf($(this).val())==-1){
                    size_arr.push($(this).val());
                }
            });
            var textString = size_arr.join(',');

            $('#SizeData').val(textString);
        });

最后结果 截图