相关疑难解决方法(0)

如何通过选中/取消选中一个复选框来检查和取消选中html表中的所有复选框?

我有一个表,有行,每行都有一个复选框,并有一个主复选框thead.我的代码:

<table border="1">
    <thead>
        <tr>
            <th><input type="checkbox" id="allcb" name="allcb"/></th>
            <th>values</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><input type="checkbox" id="cb1" name="cb1"/></td>
            <td>value1</td>
        </tr>
        <tr>
            <td><input type="checkbox" id="cb2" name="cb2"/></td>
            <td>value2</td>
        </tr>
        <tr>
            <td><input type="checkbox" id="cb3" name="cb3"/></td>
            <td>value3</td>
        </tr>
    </tbody>
</table>
Run Code Online (Sandbox Code Playgroud)

(也在这里试试)

任何人都可以帮助我,如果我检查顶部的主复选框怎么办,将检查所有复选框,如果我取消选中主,所有复选框将被取消选中.谢谢你的帮助!

checkbox jquery html-table

5
推荐指数
1
解决办法
3万
查看次数

JQuery检查列中的所有复选框

我有这张桌子: 我的桌子

当我单击一列中的"全部检查"时,它应该检查该列中的所有复选框,否则.这是我的JQuqey:

$(document).ready(function() {
    $('[id^="check_"]').on('click', function(){
        perm_type=$(this).attr('id');
        type=perm_type.substring(6);

        if(!($('#check_'+type).attr('checked'))) {
            $("[id^=client_type_"+type+"]").attr('checked', true);
            $('#check_'+type).attr('checked', true);
            }
        else  {
            $("[id^=client_type_"+type+"]").attr('checked',false);
            $('#check_'+type).attr('checked',false);
            }

    });
});
Run Code Online (Sandbox Code Playgroud)

有我的HTML:

echo '<tr bgcolor="'.($bgcol[$inx % 2]).'"><td></td><td></td><td></td><td></td><td></td><td></td></tr>';  
            echo '<tr bgcolor="'.($bgcol[$inx % 2]).'">';           
            echo '<td valign="top" align="center"><b>';
            echo $row['title'];
            echo '</b></td>';
            echo '<td valign="top" align="center">';
            echo '<b>Clients Types</b>';
            echo '</td>';       
            echo '<td valign="top" align="center">';
            echo "<input type='checkbox' id='check_select'>  Check all";
            echo '</td>';
            echo '<td valign="top" align="center">';
            echo "<input type='checkbox' id='check_insert'> Check all";
            echo '</td>';
            echo '<td valign="top" align="center">';
            echo "<input …
Run Code Online (Sandbox Code Playgroud)

jquery

0
推荐指数
1
解决办法
4781
查看次数

标签 统计

jquery ×2

checkbox ×1

html-table ×1