Javascript 为什么我的html、JS测试不起作用？_Javascript_Html

Javascript 为什么我的html、JS测试不起作用？

javascript html

Javascript 为什么我的html、JS测试不起作用？,javascript,html,Javascript,Html,我们从老师那里得到了这个代码，所以我们可以从中学习。简单地说，这是一个10个问题的测试，每个问题有3个可能的答案。若你们点击“好答案的数量”按钮，它应该会返回实际的好答案数量。我不能在最新的Chrome等浏览器下运行。每次我点击底部的“好答案数”按钮时，我都得不到任何东西或零。唯一真正运行它的浏览器是PSPad的超旧IE <html> <head> <title>Test HTML</title> <SCRIPT language=Jav

我们从老师那里得到了这个代码，所以我们可以从中学习。简单地说，这是一个10个问题的测试，每个问题有3个可能的答案。若你们点击“好答案的数量”按钮，它应该会返回实际的好答案数量。我不能在最新的Chrome等浏览器下运行。每次我点击底部的“好答案数”按钮时，我都得不到任何东西或零。唯一真正运行它的浏览器是PSPad的超旧IE

<html>
<head>
<title>Test HTML</title>


<SCRIPT language=JavaScript>
var contents = true;

function counter(form)   
   {     
    var equal=0;
    if (form.o1[2].status==true)  equal++      
    if (form.o2[0].status==true)  equal++      
    if (form.o3[1].status==true)  equal++      
    if (form.o4[0].status==true)  equal++ 
    if (form.o5[0].status==true)  equal++
    if (form.o6[1].status==true)  equal++
    if (form.o7[0].status==true)  equal++
    if (form.o8[1].status==true)  equal++
    if (form.o9[0].status==true)  equal++
  if (form.o10[2].status==true)  equal++
     {
      form.right.value=" "+equal;
     }
   }
</SCRIPT>



<META http-equiv=Content-Type content="text/html; charset=windows-1250">
</head>
<DIV align=center>
<H3><B>TEST<br>HTML</B></H3>
<HR width="90%" color=#ffff00>
</DIV>
<FORM name=test method=post>
<TABLE width="100%" border=0>
<TBODY>
<TR vAlign=top><TD width="70%">
               <OL>
               <LI>q1</LI></OL>
               <BLOCKQUOTE>
               <br><INPUT type=radio value=A name=o1> Answer0
               <br><INPUT type=radio value=B name=o1> Answer1
               <br><INPUT type=radio value=C name=o1> Answer2
               </BLOCKQUOTE>                        

<TR vAlign=top><TD width="70%">
               <OL>
               <LI value=2>q2</LI></OL>
               <BLOCKQUOTE>
               <br><INPUT type=radio value=A name=o2> Answer0
               <br><INPUT type=radio value=B name=o2> Answer1
               <br><INPUT type=radio value=C name=o2> Answer2
               </BLOCKQUOTE>

<TR vAlign=top><TD width="70%">
               <OL>
               <LI value=3>q3</LI></OL> 
               <BLOCKQUOTE>
               <br><INPUT type=radio value=A name=o3> Answer0
               <br><INPUT type=radio value=B name=o3> Answer1 
               <br><INPUT type=radio value=C name=o3> Answer2
               </BLOCKQUOTE>

<TR vAlign=top><TD width="70%">
               <OL>
               <LI value=4>q4</LI></OL>
               <BLOCKQUOTE>
               <br><INPUT type=radio value=A name=o4> Answer0
               <br><INPUT type=radio value=B name=o4> Answer1
               <br><INPUT type=radio value=C name=o4> Answer2
               </BLOCKQUOTE>

<TR vAlign=top><TD width="70%">
               <OL>
               <LI value=5>q5</LI></OL>
               <BLOCKQUOTE>
               <br><INPUT type=radio value=A name=o5> Answer0
               <br><INPUT type=radio value=A name=o5> Answer1
               <br><INPUT type=radio value=A name=o5> Answer2
               </BLOCKQUOTE>

<TR vAlign=top><TD width="70%">
               <OL>
               <LI value=6>q6</LI></OL>
               <BLOCKQUOTE>
               <br><INPUT type=radio value=A name=o6> Answer0 
               <br><INPUT type=radio value=A name=o6> Answer1    
               <br><INPUT type=radio value=A name=o6> Answer2
               </BLOCKQUOTE>

<TR vAlign=top><TD width="70%">
               <OL>
               <LI value=7>q7</LI></OL>
               <BLOCKQUOTE>
               <br><INPUT type=radio value=A name=o7> Answer0
               <br><INPUT type=radio value=A name=o7> Answer1   
               <br><INPUT type=radio value=A name=o7> Answer2
               </BLOCKQUOTE>

<TR vAlign=top><TD width="70%">
               <OL>
               <LI value=8>q8</LI></OL>
               <BLOCKQUOTE>
               <br><INPUT type=radio value=A name=o8> Answer0
               <br><INPUT type=radio value=A name=o8> Answer1    
               <br><INPUT type=radio value=A name=o8> Answer2
               </BLOCKQUOTE>

<TR vAlign=top><TD width="70%">
               <OL>
               <LI value=9>q9</LI></OL>
               <BLOCKQUOTE>
               <br><INPUT type=radio value=A name=o9> Answer0
               <br><INPUT type=radio value=A name=o9> Answer1  
               <br><INPUT type=radio value=A name=o9> Answer2
               </BLOCKQUOTE>

<TR vAlign=top><TD width="70%">
               <OL>
               <LI value=10>q10</LI></OL>
               <BLOCKQUOTE>
               <br><INPUT type=radio value=A name=o10> Answer0
               <br><INPUT type=radio value=A name=o10> Answer1 
               <br><INPUT type=radio value=A name=o10> Answer2
               </BLOCKQUOTE>
</TBODY>
</TABLE>
<HR width="90%" color=#ffff00>
<P align=center>
<INPUT style="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma" onclick="return counter(this.form)" type=button value="Number of good answers"> 
<INPUT size=5 name=right> 
</FORM>
</BODY>
</HTML>


测试HTML
var内容=真；
功能计数器（表格）
{     
var等于0；
如果（form.o1[2].status==true）等于++
如果（form.o2[0]。status==true）等于++
如果（form.o3[1]。status==true）等于++
如果（form.o4[0].status==true）等于++
如果（form.o5[0].status==true）等于++
如果（form.o6[1]。status==true）等于++
如果（form.o7[0].status==true）等于++
如果（form.o8[1].status==true）等于++
如果（form.o9[0].status==true）等于++
如果（form.o10[2].status==true）等于++
{
表.右.值=“相等”；
}
}
测试
HTML

q1

答复0

答复1

答复2
q2

答复0

答复1

答复2
q3

答复0

答复1

答复2
q4

答复0

答复1

答复2
q5

答复0

答复1

答复2
q6

答复0

答复1

答复2
q7

答复0

答复1

答复2
q8

答复0

答复1

答复2
q9

答复0

答复1

答复2
q10

答复0

答复1

答复2

谢谢你解决了我的问题。我的JS不是很好

编辑：谢谢你们，你们真的是最好的。：）

脚本正在检查输入的

状态

属性。此属性仅在旧版本的Internet Explorer中受支持。

脚本正在检查输入的

状态属性。此属性仅在旧版本的Internet Explorer中受支持。
脚本正在检查输入的状态属性。此属性仅在旧版本的Internet Explorer中受支持。
脚本正在检查输入的状态属性。此属性仅在旧版本的Internet Explorer中受支持。
在教师代码中，状态==true
看起来不再受支持，并返回未定义的值。您应该将Javascript函数更改为以下内容：
function counter(form){     
    var equal=0;
    if (form.o1[2].checked==true){equal++;}
    if (form.o2[0].checked==true){equal++;}
    if (form.o3[1].checked==true){equal++;}
    if (form.o4[0].checked==true){equal++;}
    if (form.o5[0].checked==true){equal++;}
    if (form.o6[1].checked==true){equal++;}
    if (form.o7[0].checked==true){equal++;}
    if (form.o8[1].checked==true){equal++;}
    if (form.o9[0].checked==true){equal++;}
  if (form.o10[2].checked==true){
    equal++;
    form.right.value=" "+equal;
    }
}

.checked
将返回您正在查找的布尔状态。此外，您的教师代码的格式也非常糟糕。我甚至不确定仅仅更改为。checked
是否可以在没有正确格式的情况下工作。
在教师代码中，status==true
看起来不再受支持，并返回未定义的值。您应该将Javascript函数更改为以下内容：
function counter(form){     
    var equal=0;
    if (form.o1[2].checked==true){equal++;}
    if (form.o2[0].checked==true){equal++;}
    if (form.o3[1].checked==true){equal++;}
    if (form.o4[0].checked==true){equal++;}
    if (form.o5[0].checked==true){equal++;}
    if (form.o6[1].checked==true){equal++;}
    if (form.o7[0].checked==true){equal++;}
    if (form.o8[1].checked==true){equal++;}
    if (form.o9[0].checked==true){equal++;}
  if (form.o10[2].checked==true){
    equal++;
    form.right.value=" "+equal;
    }
}

.checked
将返回您正在查找的布尔状态。此外，您的教师代码的格式也非常糟糕。我甚至不确定仅仅更改为。checked
是否可以在没有正确格式的情况下工作。
在教师代码中，status==true
看起来不再受支持，并返回未定义的值。您应该将Javascript函数更改为以下内容：
function counter(form){     
    var equal=0;
    if (form.o1[2].checked==true){equal++;}
    if (form.o2[0].checked==true){equal++;}
    if (form.o3[1].checked==true){equal++;}
    if (form.o4[0].checked==true){equal++;}
    if (form.o5[0].checked==true){equal++;}
    if (form.o6[1].checked==true){equal++;}
    if (form.o7[0].checked==true){equal++;}
    if (form.o8[1].checked==true){equal++;}
    if (form.o9[0].checked==true){equal++;}
  if (form.o10[2].checked==true){
    equal++;
    form.right.value=" "+equal;
    }
}

.checked
将返回您正在查找的布尔状态。此外，您的教师代码的格式也非常糟糕。我甚至不确定仅仅更改为。checked
是否可以在没有正确格式的情况下工作。
在教师代码中，status==true
看起来不再受支持，并返回未定义的值。您应该将Javascript函数更改为以下内容：
function counter(form){     
    var equal=0;
    if (form.o1[2].checked==true){equal++;}
    if (form.o2[0].checked==true){equal++;}
    if (form.o3[1].checked==true){equal++;}
    if (form.o4[0].checked==true){equal++;}
    if (form.o5[0].checked==true){equal++;}
    if (form.o6[1].checked==true){equal++;}
    if (form.o7[0].checked==true){equal++;}
    if (form.o8[1].checked==true){equal++;}
    if (form.o9[0].checked==true){equal++;}
  if (form.o10[2].checked==true){
    equal++;
    form.right.value=" "+equal;
    }
}

.checked
将返回您正在查找的布尔状态。此外，您的教师代码的格式也非常糟糕。我甚至不确定仅仅更改为。选中的在没有正确格式的情况下可以工作。
您使用的html格式不正确。。。我给你出了一个问题，跟着它，改变其他答案属性
<html>
<head>
<title>Test HTML</title>


<SCRIPT >
var contents = true;

function counter(form)   
{     
var equal=0;
if (form.o1[2].status==true)  equal++      
if (form.o2[0].status==true)  equal++      
if (form.o3[1].status==true)  equal++      
if (form.o4[0].status==true)  equal++ 
if (form.o5[0].status==true)  equal++
if (form.o6[1].status==true)  equal++
if (form.o7[0].status==true)  equal++
if (form.o8[1].status==true)  equal++
if (form.o9[0].status==true)  equal++
if (form.o10[2].status==true)  equal++
 {
  form.right.value=" "+equal;
 }
}
</SCRIPT>




</head>
<body>
<DIV align="center">
<H3><B>TEST<br>HTML</B></H3>
<HR width="90%" color=#ffff00>
</DIV>
<FORM name="test" method="post">
<TABLE width="100%" border=0>
<TBODY>
<TR vAlign="top"><TD width="70%">
           <OL>
           <LI>q1</LI></OL>
           <BLOCKQUOTE>
           <br><INPUT type="radio" value="A" name="o1"> Answer0

           </BLOCKQUOTE>                        

<TR ><TD width="70%">
           <OL>
           <LI value=2>q2</LI></OL>
           <BLOCKQUOTE>

           </BLOCKQUOTE>

<TR ><TD width="70%">
           <OL>
           <LI value=3>q3</LI></OL> 
           <BLOCKQUOTE>

           </BLOCKQUOTE>


 </TBODY>
 </TABLE>
 <HR width="90%" color=#ffff00>
  <P align=center>
 <INPUT style="FONT-SIZE: 8pt; FONT-FAMILY: Tahoma" onclick="return counter(this)"     type=button value="Number of good answers"> 
 <INPUT size=5 name=right> 
</FORM>
 </BODY>
 </HTML>


测试HTML
var内容=真；
功能计数器（表格）
{     
var等于0；
如果（form.o1[2].status==true）等于++
如果（form.o2[0]。status==true）等于++
如果（form.o3[1]。status==true）等于++
如果（form.o4[0].status==true）等于++
如果（form.o5[0].status==true）等于++
如果（form.o6[1]。status==true）等于++
如果（form.o7[0].status==true）等于++
如果（form.o8[1].status==true）等于++
如果（form.o9[0].status==true）等于++
如果（form.o10[2].status==true）等于++
{
表.右.值=“相等”；
}
}
测试
HTML