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



我有一组复选框和一个主复选框。如果我选中主复选框,那么其余的都会被选中,但我可以逐个选中。所以我有一个链接,我只想在选中一个或多个复选框时显示该链接,如何显示?

编辑:这是测试的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。

提前干杯和感谢

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

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

将onChange事件绑定到每个复选框并检查其中是否有复选框,如果有则显示链接。事件更好。。。不需要创建大量事件,只需使用委派即可完成此操作。

最新更新