adding click event to class with jQuery

Question

I found found several question's answers similar to this, I tried some of them, but no luck. May my scenario is different, I want to make other checkbox disable when anyone of them is clicked. if one is clicked second go disabled.

Edit:

I have two checkboxes i.e; chk1 and chk2. if chk1 is checked chk2 become disable, if chk2 is checked chk1 become disable

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>

It sounds like you want a radio input type instead of a checkbox, that way it's default browser behaviour :) — jedifans
– jedifans, Commented Sep 2, 2016 at 6:50
can you please re write the requirement. The code you wrote is different from the problem description — brk
– brk, Commented Sep 2, 2016 at 6:51

Samyappa · Accepted Answer · 2016-09-02 06:56:27Z

1

You have missing , You can place your jquery within

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

answered Sep 2, 2016 at 6:56

Samyappa

5312 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Rahul K · Accepted Answer · 2016-09-02 07:09:09Z

1

You have to put your click event in document ready state $(function () { });

You can see here working Example

edited Sep 2, 2016 at 7:09

answered Sep 2, 2016 at 7:02

Rahul K

4133 silver badges11 bronze badges

Collectives™ on Stack Overflow

adding click event to class with jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related