title: I am building a survey application using bootstrap,in that i have two image buttons thumbs up(likeq1()) and thumbs down(unlikeq1()) button
body: <p>I am building a survey application using bootstrap,in that i have two image buttons thumbs up and thumbs down on my page , when i click thumbs up button it should be selected and when i click on thumbs down button it should select this button but deselect the thumbs up button.and also want to validate that the user must select a button without selecting it should not process or navigate to other page.</p>
  
  <p>My code for the button :</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-10" align="left"&gt;
          &lt;h5&gt; My products solve real world problems.&lt;/h5&gt;
      &lt;/div&gt;
      &lt;div class="col-md-1"&gt;
          &lt;h4&gt;&lt;button type="button" class="btn-link" value="0" id="like1" onclick="likeq1()" &gt;
          &lt;span class="fa fa-thumbs-up" &gt;&lt;/span&gt;
         &lt;/button&gt;&lt;/h4&gt;
      &lt;/div&gt;
      &lt;div class="col-md-1"&gt;
          &lt;h4&gt; &lt;button type="button" class="btn-link" value="0" id="unlike1" align="right" onclick="unlikeq1()"&gt;
          &lt;span class="fa fa-thumbs-down" &gt;&lt;/span&gt;
          &lt;/button&gt;&lt;/h4&gt;
      &lt;/div&gt; 
  &lt;/div&gt;
  </code></pre>