提交时的JavaScript单选按钮

时间:2016-12-13 03:31:47

标签: javascript forms radio-button form-submit

所以我是JavaScript的新手。我正在尝试创建一个简单的代码,允许此人选择DT <- data.table(A = 1:5, B = 2:6, C = 3:7) binaryhex并将十进制数转换为所选的单选按钮。现在我并不担心转换,我只是试图让代码在我点击提交后运行一个函数。例如,如果选择单选按钮二进制,则单击提交按钮后,页面上应显示“二进制选择”。

我真的迷失了如何让它工作,不知道在哪里看。我一直在改变我的代码,当你选择它生成“对象选择”的按钮时,它让它工作,但我希望它只在按下提交按钮后生成。不确定我是否必须编写提交按钮或表单标签。我目前的非工作代码如下:

oct

2 个答案:

答案 0 :(得分:0)

您的Javascript无法找到您的输出元素,因为它尚未声明。

如果你把你的&lt;脚本&gt; ...&lt; /脚本&GT;在身体的最后,它应该工作正常。

例如:

...
< /script>
< /body>

Here's a working fiddle

答案 1 :(得分:0)

&#13;
&#13;
<!DOCTYPE html>
<html>
	<head>
		<script>

		function convertit()
		{
			
			if (document.getElementById('binarybut').checked) 
			{
                                alert("Binary Checked");
			}


			else if (document.getElementById('hexbut').checked) 	
			{
			        alert("Hexadecimal Checked");
			}

			else if (document.getElementById('octbut').checked) 	
			{
                                 alert("Octal Checked");
			}

 			else
			{
				 alert("Empty");
			}
			return true;
		}

		</script>
	</head>
	<body>

		<p id="test"> </p>

		<form>
			<input type="radio" value="binary" name="convert" id="binarybut"  >
				 Binary 
			</input>

			<input type="radio" value="binary" name="convert" id="hexbut" >
				 Hex
			</input>

			<input type="radio" value="hex" name="convert" id="octbut"> 
				Oct
			</input>

			<button type="button" onclick="convertit()">Convert</button>


		</form>
</body>
</html>
&#13;
&#13;
&#13;