单击父行激活复选框

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

来源

2016-07-07 Tdotcom

创建[的jsfiddle（https://jsfiddle.net/），因为我们需要看到它在行动，以帮助您 –

请查看代码示例并不清楚你想要做什么以及为什么不能正常工作。 –

尝试使用英文变量/函数/类名称。这并不是你的问题，但它应该成为你的习惯 – Marc

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

来源

2016-07-07 11:24:18

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

Sample

来源

2016-07-07 11:26:59 Marc