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>

  • 相关阅读:
    linux下vim命令详解
    Linux 指令篇:档案目录管理chown
    分级渲染百度地图路段红黄绿功能
    矢量数据的属性值的添加、编辑、删除
    Extjs+C# 文件上传
    IBATIS 的动态SQL语句拼接
    一个DIV位于另一个div的右下角
    ArcGIS JavaScript API 添加点
    将Excel数据导入至SqlServer中
    Extjs 图表控件,可修改X轴与Y轴坐标
  • 原文地址:https://www.cnblogs.com/archie2010/p/1939215.html
Copyright © 2011-2022 走看看