checkbox
HTML
<input class='checkBoxClass' type='checkbox' id='doit' name='doit' value='doit'>cool</input>
<button onclick='return doit(this.form);'>doit</button>
JavaScript
function doit(form) {
var generatorchecks= $(".checkBoxClass:checked");
generatorchecks.each(function(){
this.outerHTML='<progress max="100" value="10"></progress>';
});
return false;
}