通过单击父行激活复选框

Active checkbox by click on parent row

本文关键字：激活 复选框 单击      更新时间：2023-09-26

当用户单击父行（#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));
    }
});

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

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

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

如果要取消选中，只需更改true> false 

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

样本

相关文章：