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>

  • 相关阅读:
    DevExpress v17.2新版亮点—ASP.NET篇(一)
    使用MyEclipse将HTML5移动项目迁移到PhoneGap(一)
    DevExpress v17.2新版亮点—WPF篇(七)
    什么是SpringBoot?
    application.yml中常用参数设置
    什么是MyBatis?
    什么是Spring?
    项目访问路径去掉默认的项目名
    StringUtils常用方法介绍
    Spring学习----自动装配@Resource、@Autowired、@Qualifier
  • 原文地址:https://www.cnblogs.com/archie2010/p/1939215.html
Copyright © 2011-2022 走看看