【问题标题】:html button not workinghtml按钮不起作用
【发布时间】:2014-05-17 10:35:15
【问题描述】:

这是简单的 html 代码,我最近才开始学习编写这些代码。 所有物理属性都适用于这个 GUI,但我的一些按钮不起作用。第 1 个有效,第 2 个无效,第 1 个无线电有效(有点,答案缺少 y 信息),第 2 个无线电无效,第 3 个按钮无效。任何对我可能做错的见解都将不胜感激!

<html>
<head>
</head>
<body>
<form name="form1"> 
<table>
<tr>
 <td> <b><font color="00FF00">Enter the value for A</font></b> </td>
 <td> <input type="text" name="box1" style="width:100%; background-color:C0C0FF; color:00FF00" size="8" value="0" OnChange=""/> </td>
</tr>
<tr>
 <td> <i><font color="00FF00">Enter the value for B</font></i> </td>
 <td> <input type="text" name="box2" style="width:100%; background-color:C0C0FF; color:00FF00" size="8" value="0" OnChange=""/> </td>
</tr>
<tr>
 <td> <b><i><font color="00FF00">Enter the value for C</font></i></b> </td>
 <td> <input type="text" name="box3" style="width:100%; background-color:C0C0FF; color:00FF00" size="8" value="0" OnChange=""/> </td>
</tr>
<tr>
 <td> <input type="button" name="button1" size="8" style="width:100%; background-color:FFC0FF; color:FF0000" value="Click here to calculate value for X" OnClick="
    var a = parseFloat(document.form1.box1.value);
    var b = parseFloat(document.form1.box2.value);
    var c = parseFloat(document.form1.box3.value);
    var x = ((12*b*b - 4*b*c + ((b*a*c) / (b-c))) / (5-20*a*a)) - 5*a*a*b*b*c*c;
    document.form1.box4.value = x;
   "/> </td>
 <td> <input type="text" name="box4" style="width:100%; background-color:C0C0FF; color:00FF00" size="8" value="0" OnChange=""/> </td>
</tr>
<tr>
 <td> <input type="button" name="button2" size="8" style="width:100%; background-color:FFC0FF; color:FF0000" value="Click here to calculate Y value" OnClick="
    var a = parseFloat(document.form1.box1.value);
    var b = parseFloat(document.form1.box2.value);
    var c = parseFloat(document.form1.box3.value);
    var y = ((5*a*c ((a*b*c + 2*c*c) / (5*a+b))) / (((1+a*a) / (b+c+1)) + ((1-3*c) / (2*b-4*c-2)))) - 10*a - ((b*c)/2);
    document.form1.box5.value = y;
   "/> </td>
 <td> <input type="text" name="box5" style="width:100%; background-color:C0C0FF; color:00FF00" size="8" value="0" OnChange=""/> </td>
</tr>
<tr>
 <td> <input type="radio" name="radio1" OnClick="
    var x = parseFloat(document.form1.box4.value);
    var y = parseFloat(document.form1.box5.value);
    var total = x-y;
    document.form1.box6.value = total;
   "/> <font color="00FF00">Select to show X-Y</font> </td>
 <td> <input type="text" name="box6" style="width:100%; background-color:C0C0FF; color:00FF00" size="8" value="0" OnChange=""/> </td>
</tr>
<tr> 
 <td> <input type="radio" name="radio2" OnClick="
    var x = parseFloat(document.form1.box4.value);
    var y = parseFloat(document.form1.box5.value);
    var tot = x*y;
    document.form1.box7.value = tot;
   "/> <font color="00FF00">Select to show X*Y</font> </td>
 <td> <input type="text" name="box7" style="width:100%; background-color:C0C0FF; color:00FF00" size="8" value="0" OnChange=""/> </td>
</tr>
<tr>
 <td> <input type="button" name="button3" size="8" style="width:100%; background-color:FFC0FF; color:FF0000" value="Click to get A+B+C" OnClick"
    var a = parseFloat(document.form1.box1.value);
    var b = parseFloat(document.form1.box2.value);
    var c = parseFloat(document.form1.box3.value);
    var sum = a + b + c;
    document.form1.box8.value = sum;
   "/> </td>
 <td> <input type="text" name="box8" style="width:100%; background-color:C0C0FF; color:00FF00" size="8" value="0" OnChange=""/> </td>
</tr>

</table> 
</form>
</body>
</html>

【问题讨论】:

  • 请对导致问题的原因进行更多研究,并尝试更具体地了解哪些工作不正常
  • 我不确定如何更具体。其他人理解,我得到了我需要的帮助,无论如何,谢谢。

标签: html button user-interface


【解决方案1】:

此代码无效(您没有关闭所有打开的应答器)。您是否在表单上设置了操作属性?该事件是“onclick”。关键字是“var”。你不能像这样在纯 javascript 中检索 DOM 元素,例如你需要调用“getElementById”。

希望对您有所帮助。

【讨论】:

  • 这只是代码的一部分,我已经添加了整个代码以消除任何混淆。这不是 javascript,它是简单的 HTML。
【解决方案2】:

第二个函数中缺少一个运算符,介于 5*a*c 和 ((a*b*c... ;

var y = ((5*a*c (which operator here) ((a*b*c + 2*c*c) / (5*a+b))) / (((1+a*a) / (b+c+1)) + ((1-3*c) / (2*b-4*c-2)))) - 10*a - ((b*c)/2);

您最后一个按钮的 OnClick 缺少“=”符号;

<td>
    <input type="button" name="button3" size="8" style="width:100%; background-color:FFC0FF; color:FF0000" value="Click to get A+B+C" OnClick="
    var a = parseFloat(document.form1.box1.value);
    var b = parseFloat(document.form1.box2.value);
    var c = parseFloat(document.form1.box3.value);
    var sum = a + b + c;
    document.form1.box8.value = sum;
   "/>
</td>

【讨论】:

  • 我在发帖时注意到了国会大厦 V,所以我修复了这个问题,并且一些按钮可以正常工作。我们没有使用 javascript,只是简单的 HTML
  • 我已经更新了我的答案。关于javascript,您已经在计算中使用它,我认为它是否在脚本标签中并不重要。
  • 谢谢,修复了最后一个按钮。第二个按钮和第二个收音机仍然不起作用。这是一个类,我们被告知我们不能使用脚本标签。
  • 我再次更新了我的答案。在第二个按钮中,运算符缺失,添加或多个..?
  • 哈哈,我知道它一定是我忽略的一些简单的东西!谢谢你,你太棒了!!我盯着这个看了很久。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-05-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多