Javascript 单击单选按钮后，如何在单选按钮旁边创建两个文本框？
下面是我的HTML页面，其中显示了当前的三个单选按钮-Javascript 单击单选按钮后，如何在单选按钮旁边创建两个文本框？,javascript,html,forms,textbox,Javascript,Html,Forms,Textbox,下面是我的HTML页面，其中显示了当前的三个单选按钮- <html> <body> <form> <input type="radio" name="tt1" value="Insert" /> Insert<br /> <input type="radio" name="tt2" value="Update" /> Update<br /> <input type="radio" name="tt3"
<html>
<body>
<form>
<input type="radio" name="tt1" value="Insert" /> Insert<br />
<input type="radio" name="tt2" value="Update" /> Update<br />
<input type="radio" name="tt3" value="Delete" /> Delete<br />
<input type="submit" value="Submit">
</form>
</body>
</html>
插入
更新
删除
- 单击“插入”单选按钮后，我想在“插入”单选按钮旁边显示两个文本框
- 只要我点击更新单选按钮，我想再次显示更新单选按钮旁边的两个文本框
- 只要我单击
单选按钮，我只想在Delete单选按钮旁边显示一个文本框Delete
我该怎么做？任何JSFIDLE示例都会有很大的帮助。可能是最简单的方法，没有jQuery或复杂的JavaScript，并且非常详细，以便您知道发生了什么： 标记：
<input type="radio" name="tt" value="Insert" onclick="doDisplay(this);"/> Insert
<span id="inserts" style="display:none">
<input type="text" />
<input type="text" />
</span>
<br />
<input type="radio" name="tt" value="Update" onclick="doDisplay(this);"/> Update
<span id="updates" style="display:none">
<input type="text" />
<input type="text" />
</span>
<br />
<input type="radio" name="tt" value="Delete" onclick="doDisplay(this);"/> Delete
<span id="delete" style="display:none">
<input type="text" />
</span>
<br />
function doDisplay(radio)
{
switch (radio.value)
{
case "Insert":
document.getElementById("inserts").style.display = "inline";
document.getElementById("updates").style.display = "none";
document.getElementById("delete").style.display = "none";
break;
case "Update":
document.getElementById("inserts").style.display = "none";
document.getElementById("updates").style.display = "inline";
document.getElementById("delete").style.display = "none";
break;
case "Delete":
document.getElementById("inserts").style.display = "none";
document.getElementById("updates").style.display = "none";
document.getElementById("delete").style.display = "inline";
break;
}
}