Question

i have three checkboxes in HTML

<input type="checkbox" id="a1"/>
<input type="checkbox" id="a2" />
<input type="checkbox" id="a3" />
<span class="price"></span>

I want to do this:
If id A1 is checked, change text in span to priceUp.
If ids A1 and A2 is checked, change text in span to priceDown.
If ids A1,A2 and A3 is checked, change text in span to priceNormal.

Answer 1

Try this

$('#a1 ,#a2 , #a3').on('click' , function(){
    var $a1Check  = $('#a1').is(':checked');
    var $a2Check  = $('#a2').is(':checked');
    var $a3Check  = $('#a3').is(':checked');
    var text = '' ;
    if( $a1Check && $a2Check && $a3Check){
        text = 'priceNormal';
    }
    else if($a1Check && $a2Check){
          text = 'priceDown';
    }    
    else if($a1Check)  {
        text = 'priceUp';
    }        

    $('.price').html(text);
});

Check Fiddle