javascript - 如何保存复选框值和状态

Question

我需要保存页面上复选框的值和状态；因此我可以在提交时检查复选框是否已取消选中，并使用 Comparestatus() 函数使用其值来进行进一步的逻辑。我已经尝试过此操作，但收到错误消息，表明变量 periodCHK 未定义。

<input type="checkbox" name="Periods" value="25301601" >
<input type="checkbox" name="Periods" value="25301602"  checked>

<script type="text/javascript">
    $j(document).ready( function() {
        var periodCHK;
        $j(":checkbox").each( function() {                          
            periodCHK["$j(this.id).val()"]=($j(this).is(':checked'));
        } );

        console.log(periodCHK);

        function comparestatus() {
            var periodstring; 
            if (!$j(this).is(':checked')) {
                // if this one was checked before, grab it and make a string
                if (window.periodCHK["$j(this.id).val()"]) 
                {
                    periodstring+=["$j(this.id).val()"] + ",";
                }
            }
        }
    } );
</script>

Answer 1

您的 periodCHK 变量是(正确地)使用 document.ready 模块内的 var 声明的，因此它仅存在于该函数范围内。您只需通过以下方式访问它:

if (periodCHK["$j(this.id).val()"])

(注意:为了让您的变量可以在全局范围(window)中访问，您必须在不使用 var 的情况下声明它，或者将其显式分配给窗口。但是，这通常是不好的做法。)