zoukankan      html  css  js  c++  java
  • CheckTreecheckbox树形控件

    CheckTree版本:CheckTree v 0.2

    js---

    <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="jquery.checktree.js" type="text/javascript"></script>
    <script>
    $(document).ready(
    function(){
    $(
    "ul.tree").checkTree({
    });

    });
    function objClick(obj){
    if(obj.checked==false){
    alert(obj.value);
    }

    }
    </script>
    html---

    <ul class="tree" style="margin-left: 15px;">
    <li>
    <input type="checkbox" value="中国" onclick="objClick(this)">
    <label>中国</label>
    <ul>
    <li>
    <input type="checkbox" name="geo" value="北京市" onclick="objClick(this)">
    <label>北京市</label>
    </li>
    <li>
    <input type="checkbox" name="geo" value="浙江省" onclick="objClick(this)">
    <label>浙江省</label>
    </li>
    <li>
    <input type="checkbox" name="geo" value="天津市" onclick="objClick(this)">
    <label>天津市</label>
    </li>
    <li>
    <input type="checkbox" name="geo" value="安徽省" onclick="objClick(this)">
    <label>安徽省</label>
    </li>
    <li>
    <input type="checkbox" name="geo" value="上海市" onclick="objClick(this)">
    <label>上海市</label>
    </li>
    </ul>
    </li>
    <li>
    <input type="checkbox" value="韩国" onclick="objClick(this)">
    <label>韩国</label>
    <ul>
    <li>
    <input type="checkbox" name="geo" value="大邱市" onclick="objClick(this)">
    <label>大邱市</label>
    </li>
    <li>
    <input type="checkbox" name="geo" value="大田市" onclick="objClick(this)">
    <label>大田市</label>
    </li>
    <li>
    <input type="checkbox" name="geo" value="釜山市" onclick="objClick(this)">
    <label>釜山市</label>
    </li>
    </ul>
    </li>
    <li>
    <input type="checkbox" value="日本" onclick="objClick(this)">
    <label>日本</label>
    <ul>
    <li>
    <input type="checkbox" name="geo" value="爱知(县)" onclick="objClick(this)">
    <label>爱知(县)</label>
    </li>
    <li>
    <input type="checkbox" name="geo" value="爱缓(县)" onclick="objClick(this)">
    <label>爱缓(县)</label>
    </li>
    </ul>
    </li>
    <li>
    <input type="checkbox" value="新加坡" onclick="objClick(this)">
    <label>新加坡</label>

    </li>
    </ul>

  • 相关阅读:
    Java数据类型+练习
    在vue中使用echars不能自适应的解决方法
    使用js将Unix时间戳转换为普通时间
    vue-router2.0二级路由的简单使用
    vue父组件向子组件传递参数
    vue子组件向父组件传递参数的基本方式
    vuex----mutation和action的基本使用
    vuex----------state的基础用法
    数组判断重复
    在vue项目中快速使用element UI
  • 原文地址:https://www.cnblogs.com/archie2010/p/1939215.html
Copyright © 2011-2022 走看看