Question

我无法在问题的表单上显示结果。我以为我做对了。此外，我需要创建一个将保存答案的数组，它将随机选择一个，不必通过答案。我无法弄清楚如何在同一页面上显示结果（我看起来没有运气）任何人都可以帮助我

<!doctype html>
<html>
<?php
include "menu.html"
?>
<head>
<meta charset="UTF-8">
<title>Form</title>
<link href="styles.css" rel="stylesheet">
<script>
function checkForm(){

    var chk = true;
    var Name = document.getElementById("txt");
    var methd=  document.getElementById("method");
    var rad1=   document.getElementById("radM");
    var sel=    document.getElementById("selM");
    var necro = document.getElementById("a");
    var guard = document.getElementById("b");
    var ele = document.getElementById("c");
    var shatter = document.getElementById("imp");

    var cor = 0;        
        Name.style.backgroundColor="#fff";
        methd.setAttribute("style", "display:none");
        rad1.setAttribute("style", "display:none");
        sel.setAttribute("style", "display:none");      

    if (Name.value==''){            
        Name.style.backgroundColor = "red";
        methd.setAttribute("style", "display:inline");
        chk = false;
    }
    if ((necro.checked==false) && (guard.checked==false) && (ele.checked==false)){

            rad1.setAttribute("style", "display:inline");       
}
    if (shatter.value==0){
        selM.setAttribute("style", "display:inline");
}
    if (chk==false){
        document.getElementById("error").setAttribute("style", "display:inline");

} else {                         
        if (Name.value=="no"){
            document.getElementById(txt).innerHTML += 'No';}            
        if (Name.value=="yes"){
            document.getElementById(txt).innerHTML += 'Yes';}
        if (ele.checked == true){
            document.getElementById(c).innerHTML += 'Elementalist';}                    
        if (necro.checked == true){
            document.getElementById(a) += 'Necromancer';}                               
        if (guard.checked == true){
            document.getElementById(b) +='Guardian';}                                       
        if (shatter.value==1){
            document.getElementById(imp) += 'Shatter';  
        }
        if (shatter.value==2){
            document.getElementById(imp) += 'Sunless';  
        }           
        if (shatter.value==3){
            document.getElementById(imp) += 'Claw'; 
        }           
        style.display = "inline";
        innerHTML = "<span>You chose " + imp + txt + " correct!</span>";            
    }           
}
</script>
</head>

<body>
<div class="page">  
<article>
    <div id="error" class="error"></div>
      <h1>What Guild Wars 2 Profession Are You</h1>

        <div class="cssTable" style="margin-top:-25px;">
        <form method="post" action="thankyou.php"  >
          <table>
          <tr><td colspan="3"></td></tr>
            <tr>
            <td><div align="right">In Guild Wars 2 Do You Like To Do Damage?    </div>        </td><td width="217"><input id="txt" name="txt" type="text" size="25">    <br/></td><td><div id="method" style="display:none"><img  height="25px" src="purple.png"  ></div></td><br/></tr>
            <tr>
                <td><div align="right">What Best Describes You?</div></td><td>
                <input id="a" type="radio" name = "group1" value="A">Healer</input><br/>
                <input id="b" type="radio" name = "group1" value="B">One With The Elements</input><br/>
                <input id="c" type="radio" name = "group1" value="C">Darkness</input>

                </td><td><div id="radM" style="display:none"><img  height="25px"     src="purple.png"></div></td>
                </tr>
                <tr>
                <td>What One Skill Would You Like To Have?</td>
                <td>
                <select id="imp"><option value="0" selected="true">Pick A     Skill</option>
                <option value="1">Stealth</option>
                <option value="2">Summon Illusions</option>
                <option value="3">Great With A Bow and Arrow</option></select>
                </td><td><div id="selM" style="display:none"><img  height="25px" src="purple.png"></div></td>
                </tr>
                <tr><td colspan="3" align="right"><input type="button" class="styled-button-7" value="Send" onclick="checkForm()"  /><span id="grde" style="padding-left:25px">    </span></td></tr></table></form></div></article> 
</main></div>
</body>
</html>

Answer 1

我将来自checkForm()按钮的onclick电话转移到表单的onsubmit，然后开始从chk返回checkForm()。您应该检查checkForm()函数并开始逐字段地开始工作。您尝试访问的属性不正确。

您可以在以下位置查看： http://jsbin.com/homeq/1/

表格显示结果问题+数组？

1 个答案: