單擊父行激活複選框

當用戶單擊父行（＃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