0

チェックボックスのセットとメインのチェックボックスがあります。メインのチェックボックスをチェックすると、残りはチェックされますが、1つずつチェックできます。リンクがあり、1 つ以上のチェックボックスがオンになっている場合にのみそのリンクを表示したいのですが、どうすればよいですか?

編集: これはテスト用の 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>

1 つ以上のチェックボックスがオンになっている場合に #btn_delete を表示したい。

乾杯と前もって感謝します

4

2 に答える 2

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

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

于 2012-09-05T20:42:54.637 に答える
0

onChangeイベントをすべてのチェックボックスにバインドし、それらのいずれかがチェックされているかどうかを確認し、チェックされている場合はリンクを表示します。イベントの改善...大量のイベントを作成する代わりに、委任を使用してこれを実行します。

于 2012-09-05T20:45:31.473 に答える