0

嘿伙计们，我遇到了一些问题javascript，我想知道您是否可以帮助我？

这是我的HTML代码 

<div class="Answer1"> 
    <form name="form">
        Enter your answer here :
        <input type="text" size="10" name="answer" value="">
        <input type="button" value="Check"  onclick="result();">
</form>
</div>

<!--2st sum -->
<div class="Answer2">
    <form name="form">
        Enter your answer here : 
        <input type="text" size="10" name="answer" value="">
        <input type="button" value="Check"  onclick="result2();">
    </form>
</div>

这是我的javascript 

function result() {
    var  score = (document.form.answer.value);
    if(score == 8) {
        document.location.href="CorrectAdditionAnswer.html"
} else {
        document.location.href="IncorrectAddition.html"
    }
}

function result2() {
    var  score = (document.form.answer.value);
    if(score == 8) {
        document.location.href="CorrectAdditionAnswer2.html"
    } else {
        document.location.href="IncorrectAddition.html"
    }
}

如果我注释掉其中一个，它工作得很好，但如果它没有评论它就不起作用:(我不明白我做错了什么:(

4

3 回答 3

1

您有两个form具有相同属性值的name属性和两个input具有相同值的name.

于 2013-05-21T17:23:03.347 回答
0

要使多个元素具有相同的 id，请将 javascript 放入“僵局”中。使用唯一的 id 名称识别您的元素对于 DOM / Javascript / jQuery 来说通常更快更容易找到节点/元素。

如果所有元素都在同一页面中，则此格式是合适的方法。

 <form name="form1">
    Enter your answer here :
    <input type="text" size="10" id="answer1" name="answer1" value="">

    <input type="button" value="Check" onclick="result1();">
    </form>

</div>

<!--2st sum -->
<div class="Answer2">

    <form name="form2">
    Enter your answer here : 
    <input type="text" size="10" id="answer2" name="answer2" value="">

    <input type="button" value="Check"  onclick="result2();">
    </form>

于 2013-05-21T17:30:37.317 回答
0

js 

     function result()
{
    var  score =document.getElementsByName('answer1')[0].value;

    if(score == 8)
    {
      document.getElementsByName('form1')[0].action = "http://www.wordpress.com";
      document.getElementsByName('form1')[0].submit();
    }
    else
    {   
      document.getElementsByName('form1')[0].action = "http://www.bing.com";
      document.getElementsByName('form2')[0].submit();
    }
}

function result2()
{
    var  score = document.getElementsByName('answer2')[0].value;
    if(score == 8)
    {
        document.getElementsByName('form2')[0].action = "http://www.wordpress.com";
      document.getElementsByName('form2')[0].submit();
    }
    else
    {
        document.getElementsByName('form2')[0].action = "http://www.bing.com";
      document.getElementsByName('form2')[0].submit();
    }
}

html

<div>  
<form name="form1">

        Enter your answer here :
        <input type="text" size="10" name="answer1" value="">

        <input type="button" value="Check"  onclick=" result();">
        </form>

</div>

<!--2st sum -->
<div class="Answer2">

        <form name="form2">
        Enter your answer here : 
        <input type="text" size="10" name="answer2" value="">

        <input type="button" value="Check"  onclick="  result2();">
        </form>

</div>
于 2013-05-21T17:36:52.867 回答