17、迷宫应用开发全解析

迷宫应用开发全解析

1. 单选按钮与本地存储

在迷宫应用中，单选按钮起到了关键作用。所有三个输入元素具有相同的名称，这定义了一组按钮，其中只能选择一个。在这种情况下，标记创建了一个名为 level 的数组。 getwalls 函数用于从本地存储中获取迷宫数据，其本地存储项的名称由单选按钮决定。以下是相关代码：

for (i = 0; i < document.gf.level.length; i++) {
    if (document.gf.level[i].checked) {
        lsname = document.gf.level[i].value + "maze";
        break;
    }
}

此代码通过遍历所有单选按钮，根据 checked 属性判断哪个按钮被选中，然后使用该按钮的 value 属性构造本地存储项的名称。如果希望单选按钮在加载时就有一个选项被选中，可以使用以下代码：

<input type="radio" value="easy" name="level" checked />

或者

<input type="radio" value="easy" name="level" checked="true" /&g