Formalist - Conditional webform plugin

Basic demo

What's your favorites resolutions on Youtube?
You choose the "1080p" resolution
You choose the "720p" resolution

Source code

			
			javascript
$(function(){
  $('#form1').formalist();
});
			
		
			
			css
form .hidden {display:none;}
form .visible {display:block;}
			
		
			
			html
<form id="form1">
  <div class="box">
    What's your favorite resolution on Youtube?
    <label><input type="checkbox" id="1080p" />1080p</label>
    <label><input type="checkbox" id="720p" />720p</label>
  </div>
  <div class="box" data-show="1080p">
    You choose the "1080p" resolution
  </div>
  <div class="box" data-show="720p">
    You choose the "720p" resolution
  </div>
</form>
			
		

Other demonstrations


Github

This demo sample comes from a Github repository
https://github.com/xavierfoucrier/formalist

Made with love by xavierfoucrier