باسلام


من کد زیر را نوشته ام


<!DOCTYPE html>

<html lang="fa" dir="rtl">





<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <link rel="stylesheet" href="bootstrap.min.css">

    <style>

        table

    </style>

</head>





<body>

    <table class="table text-center">

        <tr>

            <td>Check</td>

            <td>Row1</td>

            <td>Row2</td>

            <td>Row3</td>

        </tr>

        <tr>

            <td><input class="chactive" type="checkbox"></td>

            <td>1</td>

            <td>2</td>

            <td>3</td>

        </tr>

        <tr>

            <td><input class="chactive" type="checkbox"></td>

            <td>4</td>

            <td>5</td>

            <td>6</td>

        </tr>

        <tr>

            <td><input class="chactive" type="checkbox"></td>

            <td>7</td>

            <td>8</td>

            <td>9</td>

        </tr>

        <tr>

            <td><input class="chactive" type="checkbox"></td>

            <td>10</td>

            <td>11</td>

            <td>12</td>

        </tr>

    </table>

    <script src="jquery-3.1.1.min.js"></script>

    <script src="bootstrap.min.js"></script>

    <script>

       $( ".chactive" ).click(function() {

           if ($(this).is(':checked')) {

            $(this).closest("tr").css("background-color", "red");

           }

           else {

                 $(this).closest("tr").css("background-color", "White");

           }

       });

    </script>

</body>





</html>




حال می خواهم اگر کاربر روی چک باکسی کلیک کرد کلیه چک باکسهای که تیک خودره اند(بجز جک باس جاری) تیک جکس باکسشان برداشته شود


باتشکر