我无法将我的Button输出链接到我的Javascript函数

时间:2017-05-29 09:43:54

标签: javascript jquery html

这是一个功能,是我正在设计的大型网站的一部分。在一般意义上,我试图执行一个Javascript函数,通过单击“是”按钮取消禁用已禁用的输入HTML框。

单击“是”按钮后,它似乎无法正常工作。

这是我的代码。

<html>
    <head>
        <script language="javascript" type="text/javascript">
          function myFunction() {
          document.getElementById("first").disabled = false;
        }
</script>


 </head>
 <body>
      Perform Operation?: <br>
                <button onClick=myFunction()>Yes</button
                <div>
                    First Number: <input type="number" id="firstnumber" value=0 disabled><br>
                    Second Number: <input type="number" id="secondnumber" value=0 disabled><br>
                </div>
 </body>

2 个答案:

答案 0 :(得分:3)

您在此处编写了错误的选择器,请查看以下更新的代码段:

&#13;
&#13;
 function myFunction() {
  document.getElementById("firstnumber").disabled = false;
   document.getElementById("secondnumber").disabled = false;
}
&#13;
Perform Operation?: <br>
<button onClick=myFunction()>Yes</button
<div>
    First Number: <input type="number" id="firstnumber" value=0 disabled><br>
    Second Number: <input type="number" id="secondnumber" value=0 disabled><br>
</div>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

您的代码没问题。只是您使用的是错误的ID,或者您忘记将已使用的ID添加到您的输入中。 : - )

因此,请从以下代码中移除extracharges并根据要求添加firstnumbersecondnumber,或将extracharges添加为id作为输入。

function myFunction() { document.getElementById("extracharges").disabled = false; }

正如其他答案中所指出的,关于JavaScript的案例敏感性的评论是正确的,但是当你使用事件处理程序作为属性(在html中)时,大多数浏览器都会理解它,无论其情况如何。

查看此SO answer了解详情!