0

グリッドビューのすべてのチェックボックスを一度にオンまたはオフにする機能を実装しようとしています。すべてのチェックボックスを一度にチェックするために使用されるメインチェックボックスを作成しました

<input id="main-checkbox" type="checkbox" name="messages-checkall" value="all" checked="checked" onclick='checkedAll();'>

checkedAll（）関数は次のように実装されます

<script type='text/javaScript'>
    function checkedAll () {
        var inputs = document.getElementsByTagName('input');
        var checkboxes = [];
        if (document.getElementById('main-checkbox').checked === "checked") {check = false} else {check = true};
        for (var i = 0; i < inputs.length; i++) {
            if (inputs[i].type == 'checkbox') {
                inputs[i].checked = check;
            }
        }
    }
</script>

しかし、これは機能していません。

注-すべてのチェックボックスを含むフォームを作成してから、フォーム内のすべてのチェックボックスを処理することはできません。

他の詳細が必要かどうか教えてください。

4

2 に答える 2

3

変化する

if (document.getElementById('main-checkbox').checked === "checked") {check = false} else {check = true};

に

var check = document.getElementById('main-checkbox').checked
于 2012-10-26T10:41:59.860 に答える
0 
var objCheckBoxes = document.getElementById('containerId').getElementsByTagName('input');

var countCheckBoxes = objCheckBoxes.length;
if(!countCheckBoxes)
{
    objCheckBoxes.checked = true/false;
}
else
{
    for(var i = 0; i < countCheckBoxes; i++)
    {
        objCheckBoxes[i].checked = true/false;
    }
}

HTMLで

<ul id="containerId">
 <li><input type="checkbox" name="selected" value="Some text description 1"></li>
 <li><input type="checkbox" name="selected" value="Some text description 2"></li>
</ul>
于 2012-10-26T10:46:53.737 に答える