Question

我有一组复选框和一个主复选框，如果我检查主chekbox，那么其余的将被检查，但我可以逐个检查。所以我有一个链接，我只想在选中一个或多个复选框时显示该链接，怎么做？

编辑：这是测试的HTML代码：

<table width="100%">
    <thead>
        <tr>
            <td style="text-align:center;"><input type="checkbox" name="message_delivery" /></td>
            <td>Asunto</td>
            <td>Para</td>
            <td>Fecha</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><input type="checkbox" name="message_delivery[]" value="1" /></td>
            <td><a href="messages/show/id/1" class="read">sadasdasdas</a></td>
            <td>Demo Demo</td>
            <td>Wednesday, 05 de September de 2012 - 11:51:19 AM</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="message_delivery[]" value="1" /></td>
            <td><a href="messages/show/id/1" class="read">sadasdasdas</a></td>
            <td>170ead917-FN 170ead917-LN</td>
            <td>Wednesday, 05 de September de 2012 - 11:51:19 AM</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="message_delivery[]" value="1" /></td>
            <td><a href="messages/show/id/1" class="read">sadasdasdas</a></td>
            <td>Demo1 Lastname1</td>
            <td>Wednesday, 05 de September de 2012 - 11:51:19 AM</td>
        </tr>
        <tr>
            <td><input type="checkbox" name="message_delivery[]" value="1" /></td>
            <td><a href="messages/show/id/1" class="read">sadasdasdas</a></td>
            <td>174889ead-FN 174889ead-LN</td>
            <td>Wednesday, 05 de September de 2012 - 11:51:19 AM</td>
        </tr>
    </tbody>
</table>

<div class="button-bar">
    <a href="http://cmv.loc/messages/add">Escribir nuevo</a>
    <a id="btn_delete" class="btn_delete" style="display:none">Borrar marcados</a>
</div>

如果选中了一个或多个复选框，我想显示#btn_delete。

提前干杯和谢谢

Answer 1

$(':checkbox').click(function() {
    $('a').toggle($(':checkbox:checked').length > 0);
});

http://jsfiddle.net/zerkms/RpxZd/1/

Answer 2

将onChange事件绑定到每个复选框并检查是否有任何复选框，如果是，则显示链接。事件更好......而不是制作大量事件，只需使用委托来执行此操作。

仅在选中一个或多个复选框时显示href链接

2 个答案: