Question

How to get the value of a radio buttons ID on click.

<script>
    $(document).ready(function() {      
        $('label').click(function() {           
            var total = 0;              
            $('.option:checked').each(function() {
                total += parseInt($(this).val());
            });             
            $('.sub-total-t').html('$' + total);                
        });
    });

</script>     

This script works for value –> How do I assign the ID instead?

<label><input type="radio" name="print" class="option" id="25" value="p10"/> Starter 500 </label>

Answer 1

Try to do this:

$('.option:checked').each(function() {
    total += parseInt($(this).attr('id'));
});

But it’s better to use the data attribute to store this kind of values:

<input data-number="25" /> 

And to retrieve it in javascript use this:

$(this).data('number')

For number you can use every name you want.