0

単一のチェックボックスが選択されているときに div を表示/非表示にしたいと思います。現在、「すべて選択」で動作しますが、単一のチェックボックスでは動作しません。「すべて選択」のコードは次のとおりです。

JS:

<script language='JavaScript'> 
var checkboxcount = 1;

function doCheckOne() {
    if(checkboxcount == 0) {
        with (document.messageform) {
            for (var i=0; i < elements.length; i++) {
                if (elements[i].type == 'checkbox') {
                    elements[i].checked = false;
                document.getElementById('mail_delete_button').style.display = "none";
                }
            }
            checkboxcount = checkboxcount + 1;
        }
    } else
    with (document.messageform) {
        for (var i=0; i < elements.length; i++) {
            if (elements[i].type == 'checkbox') {
                elements[i].checked = true;
            document.getElementById('mail_delete_button').style.display = "block";
            }
        }
    checkboxcount = checkboxcount - 1;
    }
}
</script>

HTML:

<a href="javascript:void(0);" onclick="doCheckAll();this.blur();">Select all</a>
<div id="mail_delete_button" style="display: none;"></div>

単一のチェックボックスが選択されているときにdiv「mail_delete_button」を表示し、何もチェックされていないときに非表示にしたいと思います。注: 私の html/input フィールドの形式は「messageform」です。これは私の入力コードです。

<input type='checkbox' name='delete_convos[]' value='{$pms[pm_loop].pmconvo_id}'>

どんな助けでも大歓迎です！ありがとう！:)

4

2 に答える 2

1

このようなもの？チェックボックスにid="chk"

<input type='checkbox' name='delete_convos[]' value='{$pms[pm_loop].pmconvo_id}' id="chk">

document.getElementById("chk").onclick = function() {
    document.getElementById('mail_delete_button').style.display = this.checked ? "block" : "none";
}​

デモ

于 2012-07-04T21:36:16.820 に答える