SO Example

Example for answer on http://stackoverflow.com/questions/13437446/how-to-display-selected-item-in-bootstrap-button-dropdown-title/22000328?noredirect=1#comment51687750_22000328

by imran44

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

            <div>Country</div>
            <div class="row" name="country_checkbox" id="id_row">
              <div class="dropdown">
                <a aria-expanded="false" aria-haspopup="true" role="button" data-toggle="dropdown" class="dropdown-toggle" href="#">
                  <span id="selected">Chose option</span><span class="caret"></span></a>
  

              <ul id="id_country">
                <li><label for="id_country_0"><input type="checkbox" name="country" value="US"
                      placeholder="Select Country" id="id_country_0" onclick="filter_type();">
                    US</label>

                </li>
                <li><label for="id_country_1"><input type="checkbox" name="country" value="India"
                      placeholder="Select Country" id="id_country_1" onclick="filter_type();">
                    India</label>

                </li>
                <li><label for="id_country_2"><input type="checkbox" name="country" value="Japan"
                      placeholder="Select Country" id="id_country_2" onclick="filter_type();">
                    Japan</label>

                </li>
                <li><label for="id_country_3"><input type="checkbox" name="country" value="UK"
                      placeholder="Select Country" id="id_country_3" onclick="filter_type();">
                    UK</label>
                </li>

              </ul>
            </div>