javascript - 通过单击父行激活复选框

Question

当用户单击父行(#c1row)时，如何使此功能起作用？我必须为 21 种产品执行此操作，但我无法找到一种方法使其适用于我的代码。任何想法 ？

我的代码是这样的:

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'));
});