专栏首页软件工程师成长笔记复选框实现子节点父节点联动

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

  <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 条评论
登录 后参与评论

相关文章

  • Json字符串转JsonObject例子

    Gson是Google发布的一个开源Java类库,能够很方便的在Java对象和JSON字符串之间进行序列化和反序列化。

    麦克劳林
  • 高德,百度,Google地图定位偏移以及坐标系转换

    一般用国际GPS纪录仪记录下来的经纬度,通过GPS定位拿到的原始经纬度,Google和高德地图定位的的经纬度(国外)都是基于WGS-84坐标系的;但是在国内是不...

    麦克劳林
  • Zabbix安装和使用说明文档

    (1)下载Windows版本的Zabbix agent安装包,和Zabbix server版本最好一致,解压到自己创建的文件夹中,解压后的两个文件夹是bin和c...

    麦克劳林
  • checkbox 全选和取消

    //全选 $("#checkall").click(function () { if (this.ch...

    纯粹是糖
  • Pug入门

    Pug是一款健壮、灵活、功能丰富的HTML模板引擎,专门为 Node.js 平台开发。Pug是由Jade 改名而来。

    听着music睡
  • 剑指offer代码解析——面试题21包含min函数的栈

    题目:实现一个栈,要求使用O(1)时间获取栈中最小值,O(1)执行pop、push操作。    分析:要获取栈的最小值,我们首先想到的思路就是使用一个全局...

    大闲人柴毛毛
  • (三十二) 初遇python之json模块

    各位读者大大们大家好,今天学习python的json模块,并记录学习过程欢迎大家一起交流分享。

    亚乐记
  • 统计字符串中字符出现的次数(||和&&的区别)

    ProsperLee
  • 13 如何写出高性能的Julia

    全局变量的值和类型随时都会发生变化。 这使编译器难以优化使用全局变量的代码。 变量应该是局部的,或者尽可能作为参数传递给函数。

    猫叔Rex
  • 云服务填补自备云技术空白

    随着智能手机在消费者中不断流行,移动设备已经从公司为员工购买设备转变到了员工自备设备(BYOD)模式。 云可能会发生同样的转变。 BYOC,或者称作“自备云”,...

    静一

扫码关注云+社区

领取腾讯云代金券