jQuery toggleClass example

Toggle class name on click in jQuery

by anoopsuda

HTML

<div id="banner-message">
 
  <h3>Select</h3>

<ul>
<li><label><input type="checkbox" value="List Item1"/>List Item1</label></li>
<li><label><input type="checkbox" value="List Item2"/>List Item2</label></li>
<li><label><input type="checkbox" value="List Item3"/>List Item3</label></li>
<li><label><input type="checkbox" value="List Item4"/>List Item4</label></li>
<li><label><input type="checkbox" value="List Item5"/>List Item5</label></li>
</ul>
</div>

CSS

ul { list-style:none; }

JavaScript

$(document).ready(function(){
        $('input').click(function(){
           var selectedval = $(this).val();        
    $('h3').text(selectedval);    
  });
});