通过单击父行来激活复选框

Question

How can i make this function work when the user clicks on the parent row (#c1row) ? i have to do it for 21 products and i cant find a way to make it work with my code. any idea ?

My code is like that:

HTML:

<div class="row productrow" id="c1row">
    <div class="col-md-8 col-sm-8 col-xs-8 col-lg-8">
        <div class="checkbox">
            <input name="behandlung[]" type="checkbox" id="c1" minchecked="2" data-validation-minchecked-message="Bitte mindestens eine Behandlung wählen" value="Gesicht" />
            <label for="c1"><span></span>Gesicht (komplett)</label>
        </div>
    </div>
    <div class="col-md-4 col-sm-4 col-xs-4 col-lg-4">
        <div class="checkbox text-right">
            <label>99,00</label>
        </div>
    </div>
</div>

$('#c1').click(function() {
    var einzelpreis = 99.00;
    if ($(this).is(":checked")){    
        $( "#c1row" ).addClass( "clicked" );

        summe = summe + einzelpreis;
        summeformated = formatint(summe);

        $( "#summe" ).html(summeformated);
        $( "#Summe" ).val(summeformated);

        var aktuellesumme = $( "#summe" ).html();
        aktuelesumme = parseInt(aktuellesumme);
        aktuellesumme = (formatback(aktuelesumme));
        rabatt = CalcRabatt(aktuellesumme);
        sparen = Math.round(aktuellesumme * rabatt / 100);

        $( "#sparen" ).html(formatint(sparen));
        $( "#Sparen" ).val(formatint(sparen));

        endbetrag = Math.round(aktuellesumme - sparen);

        $( "#endbetrag" ).html(formatint(endbetrag));
        $( "#Endbetrag" ).val(formatint(endbetrag));
    } else {
        $( "#c1row" ).removeClass( "clicked" );
        summe = summe - einzelpreis;

        $( "#summe" ).html(formatint(summe));
        $( "#Summe" ).val(formatint(summe));

        var aktuellesumme = $( "#summe" ).html();
        aktuelesumme = parseInt(aktuellesumme);
        aktuellesumme = (formatback(aktuelesumme));
        rabatt = CalcRabatt(aktuellesumme);
        sparen = Math.round(aktuellesumme * rabatt / 100);

        $( "#sparen" ).html(formatint(sparen));
        $( "#Sparen" ).val(formatint(sparen));

        endbetrag = Math.round(aktuellesumme - sparen);

        $( "#endbetrag" ).html(formatint(endbetrag));
        $( "#Endbetrag" ).val(formatint(endbetrag));
    }
});

Answer 1

$('.productrow').click(function(){
    var chk = $(this).find('input[type="checkbox"]');
    chk.attr('checked', !chk.is(':checked'));
});

Answer 2

$('.checkbox').prop('checked',true);

https://jsfiddle.net/moongod101/pLa4e1x0/

If you want to uncheck that just change the true > false

Answer 3

 $("#parent").click(function(){
        var isChecked = $(this).find(".checkbox").prop('checked')
  $(this).find(".checkbox").prop('checked', ! isChecked );
});

Sample