Hinzufügen von Click-Ereignis zu Klasse mit jQuery

Question

Ich fand mehrere Frage Antworten ähnlich, ich versuchte einige von ihnen, aber kein Glück. Wenn mein Szenario anders ist, möchte ich andere Kontrollkästchen deaktivieren, wenn jemand darauf klickt. Wenn man angeklickt wird, gehst du deaktiviert.

Edit:

Ich habe zwei Kontrollkästchen d.h; chk1 und chk2. wenn chk1 wird geprüft chk2 deaktivieren werden, wenn chk2 wird geprüft chk1 disable werden

HTML

<tr class="cart-item-row"> 
<td class="remove-from-cart"> 
<label class="td-title">Remove:</label> 
    <input type="checkbox" name="removefromcart" value="4392" tabindex="15" class="class2"> 
</td> 
<td class="add-to-cart"> 
<label class="td-title">Buy Now:</label> 
    <input type="checkbox" name="addtocart" value="4392" tabindex="16" class="class2"> 
</td>                              

</tr> 

JS

<script> 
    $(function() { // I am also adding class to checkbox through JS 
     $('.cart-item-row > td > input[type="checkbox"]').addClass("class2"); 
    }); 
</script> 
<script> 
    //$('input[class^="class"]').click(function() { 
//$('.class2').unbind().click(function() { 
    $('.class2').click(function() { 
     var $this = $(this); 

     if ($this.is(".class2")) { 
      if ($this.is(":checked")) { 
       $(".class2").not($this).prop({ disabled: true, checked: false }); 

      } else { 
       $(".class2").prop("disabled", false); 
      } 
     } 
    }); 
</script> 

Answer 1

Sie haben fehlt, können Sie platzieren Ihre jquery innerhalb

$ (Dokument) .ready (function() { }

Answer 2

Sie haben Ihre Click-Ereignis in dem Dokument bereit Zustand $(function() { });

Sie hier sehen Example Arbeits