westdc-zf1/application/default/views/scripts/glacier/view-glacier-selection.phtml

<!-- Modal -->
<div id="selectDataWindow" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Select sub dataset</h3>
    </div>
    <div class="modal-body">
    	<form id="dataservice-glacier-form" method="post">
        <table class="table table-bordered table-striped">
          <colgroup>
          <col class="span1">
          <col class="span7">
          </colgroup>
          <thead>
            <tr>
              <th><button class="btn btn-success" type="button" id="creattp">By basin</button>&nbsp;<button type="button" class="btn btn-primary" id="primary">By mountain</button></th>
            </tr>
          </thead>
          <tbody id="creat">
            <tr>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox1" name="basin[]" value="Ili River">
                    Ili River </label></td>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox2" name="basin[]" value="Ertix River">
                    Ertix River </label></td>
            </tr>
            <tr>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox3" name="basin[]" value="Hotan River">
                    Hotan River </label></td>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox4" name="basin[]" value="Indus River">
                    Indus River </label></td>
            </tr>
            <tr>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox5" name="basin[]" value="Ganges Rive">
                    Ganges Rive </label></td>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox6" name="basin[]" value="Hobodo River">
                    Hobodo River </label></td>
            </tr>
            <tr>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox7" name="basin[]" value="Kaxgar River">
                    Kaxgar River </label></td>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox8" name="basin[]" value="Yellow River">
                    Yellow River </label></td>
            </tr>
            <tr>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox9" name="basin[]" value="Yangtze River">
                    Yangtze River </label></td>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox10" name="basin[]" value="Yarkant River">
                    Yarkant River </label></td>
            </tr>
            <tr>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox11" name="basin[]" value="Qaidam Inland Basins">
                    Qaidam Inland Basins </label></td>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox12" name="basin[]" value="Junggar Inland Basins">
                    Junggar Inland Basins </label></td>
            </tr>
            <tr>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox13" name="basin[]" value="Lantsang (Mekong) River">
                    Lantsang (Mekong) River </label></td>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox15" name="basin[]" value="Turpan-Hami Inland Basins">
                    Turpan-Hami Inland Basins </label></td>
            </tr>
            <tr>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox16" name="basin[]" value="Hexi Corridor Inland Basins">
                    Hexi Corridor Inland Basins </label></td>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox17" name="basin[]" value="Northern Tarim Inland Basins">
                    Northern Tarim Inland Basins </label></td>
            </tr>
            <tr>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox18" name="basin[]" value="Southern Tarim Inland Basins">
                    Southern Tarim Inland Basins </label></td>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox19" name="basin[]" value="Central Tibetan Plateau Inland Basins">
                    Central Tibetan Plateau Inland Basins </label></td>
            </tr>
            
            <tr>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox20" name="basin[]" value="Eastern Tibetan Plateau Inland Basins">
                    Eastern Tibetan Plateau Inland Basins </label></td>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox21" name="basin[]" value="Western Tibetan Plateau Inland Basins">
                    Western Tibetan Plateau Inland Basins </label></td>
            </tr>
            
            <tr>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox22" name="basin[]" value="Upstream Basins of Yarlung Zangbo (Brahmaputra) River">
                    Upstream Basins of Yarlung Zangbo (Brahmaputra) River </label></td>
              <td><label class="checkbox-inline">
                    <input type="checkbox" id="inlineCheckbox23" name="basin[]" value="Downstream Basins of Yarlung Zangbo (Brahmaputra) River">
                    Downstream Basins of Yarlung Zangbo (Brahmaputra) River </label></td>
            </tr>
          </tbody>
                  
           <tbody id="tp-role" class="hidden">
            <tr>
              <td><label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox1" name="mountain[]" value="Altai Mountain">
                  Altai Mountain </label></td>
              <td><label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox2" name="mountain[]" value="Altun Mountain">
                  Altun Mountain </label></td>
            </tr>
            <tr>
              <td><label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox3" name="mountain[]" value="Gangdise Mountain ">
                  Gangdise Mountain </label></td>
              <td><label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox4" name="mountain[]" value="Hengduan Mountain">
                  Hengduan Mountain </label></td>
            </tr>
            <tr>
              <td><label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox5" name="mountain[]" value="Himalaya Mountain">
                  Himalaya Mountain </label></td>
              <td><label class="checkbox-inline">
              <input type="checkbox" id="inlineCheckbox6" name="mountain[]" value="Karakoram Mountain">
                  Karakoram Mountain </label></td>
            </tr>
            <tr>
              <td><label class="checkbox-inline">
                <input type="checkbox" id="inlineCheckbox7" name="mountain[]" value="Kunlun Mountain">
                  Kunlun Mountain </label></td>
              <td><label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox8" name="mountain[]" value="Muztau Range">
                  Muztau Range </label></td>
            </tr>
            <tr>
              <td><label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox9" name="mountain[]" value="Nyainqêntanglha Mountain">
                  Nyainqêntanglha Mountain </label></td>
              <td><label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox10" name="mountain[]" value="Pamir">
                  Pamir </label></td>
            </tr>
            <tr>
              <td><label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox11" name="mountain[]" value="Qangtang Plateau">
                  Qangtang Plateau </label></td>
              <td><label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox12" name="mountain[]" value="Qilian Mountain">
                  Qilian Mountain </label></td>
            </tr>
            <tr>
              <td><label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox13" name="mountain[]" value="Tanggula Mountain">
                  Tanggula Mountain </label></td>
              <td><label class="checkbox-inline">
                  <input type="checkbox" id="inlineCheckbox14" name="mountain[]" value="Tienshan Mountain">
                  Tienshan Mountain </label></td>
            </tr>
          </tbody>
          
        </table>
        <input type="hidden" name="uuid" value="<?= $this->uuid ?>"/>
        </form>
    </div>
    <div class="modal-footer">
    	<button type="button" onclick="westdc.dataservice.geoData()" class="btn btn-success">Order</button>
    	<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    </div>
</div>
<script>
$(document).ready(function(){
	$("#creattp").click(function(){
	$("#creat").removeClass("hidden");
	$("#tp-role").addClass("hidden");
  });
	
  $("#primary").click(function(){
	$("#tp-role").removeClass("hidden");
	$("#creat").addClass("hidden");
  });
});
</script>