繁体   English   中英

带有单选按钮和逻辑的表格

[英]Form with radio buttons + logic

我正在尝试创建一种使用单选按钮和逻辑来生成和显示不同诊断结果的表单(有点像测验)。 这是我对某些表单结构的要求(在实际版本中有更多选项,逻辑也更重要):

  <form action='index.php' method='post'>
  Q1: Does Patient experience Symptom X?
  <br/>
  <label><input type="radio" name="Q1" value="Q1Y"/> Yes</label> &nbsp;
  <label><input type="radio" name="Q1" value="Q1N"/> No</label>
  <br/>
  <br/>

  Q2: Does Patient experience Symptom Y?
  <br/>
  <label><input type="radio" name="Q2" value="Q2Y"/> Yes</label> &nbsp;
  <label><input type="radio" name="Q2" value="Q2N"/> No</label>
  <br/>
  <br/>

  Q3: Does Patient experience Symptom Z?
  <br/>
  <label><input type="radio" name="Q3" value="Q3Y"/> Yes</label> &nbsp;
  <label><input type="radio" name="Q3" value="Q3N"/> No</label>
  <br/>
  <br/>

  <input type="submit" name="formSubmit" value="See Result"/>
  <br/>

我如何设置其余逻辑,例如:

If (Q1Y && Q2Y){ 
Diagnosis = A; 
}

If (Q2Y && Q3Y){ 
Diagnosis = B; 
}

理想情况下,诊断将存储在变量中,然后在用户单击表单上的“提交”时显示在当前页面上。

if(($_POST['Q1']=='Q1Y') && ($_POST['Q2']=='Q2Y'))
{
// Your Logic
}
if(($_POST['Q2']=='Q2Y') && ($_POST['Q3']=='Q3Y'))
{
// Your Logic
}

使用嵌套对象保存答案的所有组合的结果。

var allDiagnosis = {
    Q1Y: {
        Q2Y: {
            Q3Y: 'A',
            Q3N: 'B'
        },
        Q2N: {
            Q3Y: 'C',
            Q3N: 'D'
        },
    Q1N: {
        Q2Y: {
            Q3Y: 'E',
            Q3N: 'F'
        },
        Q2N: {
            Q3Y: 'G',
            Q3N: 'H'
        }
    }
}

然后获取每个输入的值,并执行:

var diagnosis = allDiagnosis[value1][value2][value3];

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM