Javascript 选中所有复选框，同时单击一个复选框

到目前为止，我做了一张桌子。每列都有一个复选框。我想做的是，当我点击第页的复选框时，表格中的每个复选框都会被选中。有人知道怎么做吗

这是我的密码：

<table style="width:100%">
            <tr>
                <th><input class="checkbox" type="checkbox"></th>
                <th>Spieler</th>
                <th>Rang</th> 
                <th>Tage</th>
              </tr>
              <tr>
                <td><input class="checkbox" type="checkbox"></td>
                <td>HELLFIRE944</td>
                <td>Komandant</td> 
                <td>212</td>
              </tr>
              <tr>
                <td><input class="checkbox" type="checkbox"></td>
                <td>Backfischjoghurt</td>
                <td>Ausführender Offizier</td> 
                <td>217</td>
              </tr>
                <tr>
                    <td><input class="checkbox" type="checkbox"></td>
                    <td>retoaba</td>
                    <td>Personaloffizier</td> 
                    <td>210</td>
                </tr>
               <tr>
                   <td><input class="checkbox"  type="checkbox"></td>
                    <td>chrisi_39</td>
                    <td>Rekrutierungsoffizier</td> 
                    <td>210</td>
               </tr>
                <tr>
                    <td><input class="checkbox" type="checkbox"></td>
                    <td>salpo</td>
                    <td>Unteroffizier</td> 
                    <td>212</td>
               </tr>
                <tr>
                    <td><input class="checkbox" type="checkbox"></td>
                    <td>Kaeltischerkriger</td>
                    <td>Unteroffizier</td> 
                    <td>213</td>
               </tr>
                <tr>
                    <td><input class="checkbox" type="checkbox"></td>
                    <td>DnerYoo_sniper</td>
                    <td>Rekrut</td> 
                    <td>39</td>
               </tr>
              <tr>
                    <td><input class="checkbox" type="checkbox"></td>
                    <td>panzerzockerundnoah</td>
                    <td>Rekrut</td> 
                    <td>146</td>
               </tr>
                <tr>
                    <td><input class="checkbox" type="checkbox"></td>
                    <td>PanzaSintKuhlMinecraftLP</td>
                    <td>Rekrut</td> 
                    <td>116</td>
               </tr>

---

您可以给第一个复选框一个onClick事件，该事件执行document.getElementByIdcheckbox.checked=true；其他的都是。 如果使用jQuery 1.6+，则可以使用$checkbox.propchecked，true；，以下所有版本都使用$checkbox.attrchecked，true

试试这个

$(document).on("change", "th .checkbox", function () {
    if ($(this).is(":checked"))
    {
        $("td .checkbox").prop('checked', true);
    }
    else
    {
        $("td .checkbox").prop('checked', false);
    }
})

---

下面是一个工作示例

可能重复的@Luke，可惜它不起作用。我想这是因为我的app.js没有以正确的方式集成。my app.js位于一个名为scripts的文件夹中，包含该表的页面位于一个名为pages的文件夹中。我将js集成到html中，如下所示：正确吗？@Luke sry错了人，有时它不起作用。我想这是因为我的app.js没有以正确的方式集成。my app.js位于一个名为scripts的文件夹中，包含该表的页面位于一个名为pages的文件夹中。我将js集成到html中，如下所示：正确吗？只有当页面和脚本文件夹位于同一文件夹中时，在html中添加aap.js文件的方式才有效。还要确保在app.js之前包含了jQuery，就像我不理解的那样。jquery和js不能放在一个文档中吗？jquery是一个JavaScript库，而不是一个单独的库thing@Sandro21....it工作…所有你需要包括jquery到你的HTML中。在你的脚本代码之前把这一行添加到你的HTML标记中…你可以检查JSFIDLE

$(document).on("change", "th .checkbox", function () {
    if ($(this).is(":checked"))
    {
        $("td .checkbox").prop('checked', true);
    }
    else
    {
        $("td .checkbox").prop('checked', false);
    }
})