复选框实现子节点父节点联动

  <div class="col-sm-4">
      <h2>球类</h2>
      <div id="epuclass" class="">
        <form>                      
            <input type="checkbox" name="items" value="足球"/>足球
            <input type="checkbox" name="items" value="乒乓球"/>乒乓球
            <input type="checkbox" name="items" value="蓝球"/>篮球
            <input type="checkbox" name="items" value="保龄球"/>保龄球            
            <input type="checkbox" id="CheckedAll"/>全选/全不选                  
            <input type="button" id="send" value="提交"/>
        </form>
      </div>
    </div> 
    
<!--复选框控制  -->
$(document).ready(function(){
    $("#CheckedAllSection").click(function(){
        $("input[name='item']").prop("checked",$(this).is(':checked'));
    });
    var chks = $("input[name='item']");
    chks.click(function(){
    for(var i =0 ; i < chks.length ; i++){ 
        if(!$(chks[i]).is(':checked')){
        $("#CheckedAllSection").removeAttr("checked");
        return ;
        }
    }
    $("#CheckedAllSection").prop("checked",true);
    });
});     
$("#sendSection").click(function(){
    var str="你选中的是:\r\n";
    $('[name=item]:checkbox:checked').each(function(){
        str += $(this).val()+"\r\n";
    });
    alert(str);
});
</script> 



curTypeId = node.tags;
        if (($('#treeview').treeview('getParent', node).text).length > 1) {
            getEquSectionById(node.tags);
            document.getElementById("className").value = $('#treeview').treeview('getParent', node).text;
            curClassId = $('#treeview').treeview('getParent', node).tags;
        }
        else
        {
            getEquClassById(node.tags);
            curClassId = 0;
        }
    原文作者:麦克劳林
    原文地址: https://www.jianshu.com/p/e2c6e36bfe9e
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞