使用JS在SurveyGizmo中构建自定义_question_ - 存储输入数据

时间:2013-01-17 07:26:54

标签: javascript jquery forms survey

我一直在努力开发一种方法,使用SurveyGizmo的自定义问题功能来引出学术研究的偏好。我已经成功编写了html布局和基本功能的脚本,但我没有完成在SurveyGizmo框架中存储用户输入数据的任务。

问题涉及在两个目标之间做出选择(通过单选按钮),然后相互加权(通过数字文本输入)。我能够存储选中的单选按钮,这是我迄今为止尝试过的最好的单选按钮。

我已经习惯了这么多年,并在互联网上寻找有用的指导而没有成功。

以下是代表问题格式的html代码的摘录:

<table>
    <tr>
        <th align="left">Objective</th>
        <th align="left">Worst</th>
        <th align="left">Best</th>
        <th align="center">Select</th>
        <th>Weight</th>
    </tr>
    <tr>
        <td>A</td>
        <td>300<name="row-1" data-col="1"></td>
        <td>500<name="row-1" data-col="2"></td>
        <td align="center"><input id="SelectObjA-%elementid%" type="radio" value="SelectA" name="select-Q1" data-col="3"  class="sg-input sg-input-radio"></td>
        <td align="center"><input id="WeightObjA-%elementid%" class="sg-input sg-input-text" type="text" name="WeightObjA" maxlength="3" size="3" data-col="4"></td>
    </tr>
    <tr>
        <td>B</td>
        <td>9 <name="row-2" data-col="1"></td>
        <td>2 <name="row-2" data-col="2"></td>
        <td align="center"><input id="SelectObjB-%elementid%" type="radio" value="SelectB" name="select-Q1" data-col="3" class="sg-input sg-input-radio"></td>
        <td align="center"><input id="WeightObjB-%elementid%" class="sg-input sg-input-text" type="text" name="WeightObjB" maxlength="3" size="3" data-col="4"></td>
    </tr>
</table>

到目前为止,存储输入数据的唯一JavaScript是:

{
    onload: function() {
        //Code to be executed
    },
    onsubmit: function() {
        //Code to be executed
        var select = $SG("input[name=select-Q1]:checked").val();
        this.setStorageValue(select);
    }
}

真的感谢任何帮助解决如何存储所有表单字段的用户输入数据的问题:无线电和两个文本输入。

0 个答案:

没有答案