jQuery addClass example

Change class name on click in jQuery

by synz izynz

HTML

<div>

    <div id="questionvalue">@a.QDescription</div>
    <div>
        <div id="questionvalue">
            <input type="radio" name="test" value="1">  1<br>
        </div>

    </div>
    <div>
        <input type="radio" name="test" value="2">  2<br>

    </div>
    <div>
        <input type="radio" name="test" value="3">  3<br>

    </div>
    <div>
        <input type="radio" name="test" value="4">  4<br>

    </div>

<button type="button" id="starttestbuttonid" class="btn btn-default" data-optionssum="0" >Next</button>
<br>
<b>Total : <span class="tot" >
</span>
</b>

JavaScript

$(document).ready(function(){


$("#starttestbuttonid").on("click",function(){
		var optionssum = $(this).data("optionssum");
    var selopt = parseFloat($('input[name=test]:checked').val());
		alert("+ "+selopt);
	
  	if(isNaN(selopt))
    	selopt = 0;
      
    optionssum+= selopt;
    
    /*
    	Your ajax
    */
    
    //set latest total value
    $(this).data("optionssum",optionssum);
    
    // just want to show the value
    $(".tot").html(optionssum);
});

});