0

我正在尝试编写一个带有可以启用/禁用的各种选项的网页。

但是，无论是否选中相关复选框，似乎总是启用这些选项。

这是代码：

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    </head>
    <body>
        <script type="text/javascript">
            function check() {
                var options = "";
                if (document.form1.nocase.value) {
                    options = "1";
                }
                if (document.form1.ck2.value) {
                    options = options + "2";
                }
                alert (options);
            }
        </script>
        <form name="form1">
            <input type="checkbox" name="nocase">option 1
            <input type="checkbox" name="ck2">option 2
            <input type="button" value="Check" onclick="check();">
        </form>
        <div id="results"></div>
    </body>
</html>

我真的很难理解问题出在哪里。谁能指出来？

提前致谢。

4

1 回答 1

4

您应该使用checked属性而不是value输入字段的属性：

if (document.form1.nocase.checked) {
    //code here
}

该value属性是每个选中复选框发送到服务器的字符串值，您可以在 html 标记中指定其值：

<input type="checkbox" name="nocase" value="nocase">

该checked属性为您提供所需的布尔值，显示复选框是否被选中。

于 2013-06-03T17:29:21.187 回答