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

  <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;
        }

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券