Question

我正在使用HTML进行调查问卷/调查。我需要获取正在检查的复选框的值。下一页（L2）上的问题将基于我在点击＆＃34;提交＆＃34;时仅在复选框上选中的问题。

我在获取和存储复选框的值时遇到问题，稍后将其用于IF else-If else语句。阅读了很多在线资料，但我看不到任何相关信息。任何帮助都可以...这里是普通复选框的代码。

<html> 
    <head> 
    </head>
    <body>
        <script>
            var vg = document.getElementId("VideoGame").checked;
            var te = document.getElementId("Text").checked;
            var an = document.getElementId("Animals").checked;
            var sp = document.getElementId("Sports").checked;
            var lo = document.getElementId("Logo").checked;
        </script>
        <form action="L2.html">   
            Check the box if applicable: <br>
            <input type="checkbox" name="Q1" id="VideoGame"> The image is a Video Game. 
            <br>
            <input type="checkbox" name="Q1" id="Text"> The image contains text. <br>
            <input type="checkbox" name="Q1" id="Animals"> The image is about animals. 
            <br>
            <input type="checkbox" name="Q1" id="Sports"> The image is about sports. 
            <br>
            <input type="checkbox" name="Q1" id="Logo"> The image contains a logo. <br>
            <input type="submit" value="NEXT"> 
        </form>
    </body>
</html>

Answer 1

您只需将onclick添加到每个input - 元素：

<input type="checkbox" name="Q1" id="VideoGame" onclick="refreshValues()" />

refreshValues() - 函数可能如下所示：

function refreshValues() {
    var vg = document.getElementId("VideoGame").checked;
    var te = document.getElementId("Text").checked;
    var an = document.getElementId("Animals").checked;
    var sp = document.getElementId("Sports").checked;
    var lo = document.getElementId("Logo").checked;
}

Answer 2

我会考虑将数据存储在LocalStorage或SessionStorage中，然后使用localStorage.set（'key'，'item'）和localStorage.get（'key'）在下一页上检索它;

https://developer.mozilla.org/en/docs/Web/API/Window/localStorage https://developer.mozilla.org/en/docs/Web/API/Window/sessionstorage

如果您需要存储具有多个输入的对象，请考虑使用JSON stringify。

Storing Objects in HTML5 localStorage

Answer 3

尝试将用户答案存储在Cookie中，这可能有所帮助。参考：https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie

Answer 4

if($("#your check box input field id").is(":checked")){
local jquery variable="yes";
}
else{
m11="no";
}

尝试这个，这是jquery代码，它将帮助你将值存储在db中。如果你想放置条件你可以看到我在条件中使用它的方式。希望它有所帮助。如果你仍然困惑，请看这个。 saving values of toggle(yes or no) in database php。复选框和切换工作方式相同。

在JavaScript中使用条件语句中的复选框值

4 个答案: