Question

JavaScript 并获取单选按钮的值

2015-09-06

2078

javascript html output

我尝试使用JavaScript创建一个在线计算表格，除了无线电按钮外，一切都还可以。

方案：

179291889

我的工作到现在：

350276110

如果从JS中删除盖子，则其余功能正常。我用谷歌搜索了从广播按钮中获得价值的信息，没有发现与这种情况非常相关。 firebug错误面板：

typeError：document.getElementById（...）为null var coverkind = document.getElementById（“ cover”）。值;

Answer 1

如果您可以使用 jQuery，您可以在一行中获取选中的单选按钮的值。

var Val = $("input[name=cover]:checked").val();

Answer 2

这是您问题的解决方案。

首先为您的单选按钮赋予相同的 id。 checked 属性将告诉您元素是否被选中：

<input type="radio" id="cover" name="cover" value="hard" checked="checked" />hard
<br />
<br>
<input type="radio" id="cover" name="cover" value="soft" />soft

并且在 JavaScript 函数中，您可以获取它。

var coverkind = null;
    if (document.getElementById('cover').checked)
   {
    coverkind = document.getElementById('cover').value;
   }
   if (coverkind == 'soft') {
         var SizePrice = (z * 800);
   } else {
         var SizePrice = ((y / 16) + 1) * 8 * z;
   }

Answer 3

如果需要，您可以使用输出标签，或者使用其他内容作为输出。（例如 <p> 元素）。只需确保为 Javascipt 中想要访问的任何内容赋予“id”值即可。

您需要创建一个新文件并将其命名为“script.js”。使用 Google 查找如何将此脚本包含在 html 文档中。

您需要在脚本中使用的一些内容：

document.getElementById(str) Returns an object representing an html element with an id of 'str'

parseFloat(str) Takes a string 'str' and return the float value

.value This is a read/write property of an input text box object that contains the text value

.checked ..and a property of an input radio button object.

当您遇到困难时，请参考伟大的 Google ;) 将所有这些放在一起，您应该走上正确的轨道。