怎么在选中单选框后出现隐藏文本框

可以通过JavaScript来实现。首先，在HTML中设置一个单选框以及对应隐藏的文本框，例如：

<label><input type="radio" name="option" onclick="showText()">选项一</label>
<div id="hidden_text" style="display:none;">
  <label>文本框：</label>
  <input type="text">
</div>

然后，在JavaScript中编写一个函数showText()，用来控制文本框的显示与隐藏：

function showText() {
  var hiddenDiv = document.getElementById("hidden_text");
  if (hiddenDiv.style.display === "none") {
    hiddenDiv.style.display = "block";
  } else {
    hiddenDiv.style.display = "none";
  }
}

当选中单选框时，调用showText()函数即可实现隐藏文本框的显示。

相关问题

单选框选中，js控制文本框非必填

可以使用JavaScript来实现选中单选框时，将文本框设为非必填。可以添加一个事件监听器来监控单选框的选中状态，然后根据选中状态来更改文本框的required属性。

以下是一个示例代码：

HTML代码：

<label>
  <input type="radio" name="required" value="yes"> 必填
</label>
<label>
  <input type="radio" name="required" value="no"> 非必填
</label>
<input type="text" id="myInput" required>

JavaScript代码：

const radioButtons = document.getElementsByName("required");
const myInput = document.getElementById("myInput");

// 添加事件监听器
for (let i = 0; i < radioButtons.length; i++) {
  radioButtons[i].addEventListener("change", function() {
    if (this.value === "no") {
      myInput.removeAttribute("required");
    } else {
      myInput.setAttribute("required", "");
    }
  });
}

这段代码首先获取了所有name属性为"required"的单选框，并获取了id为"myInput"的文本框。然后循环遍历所有单选框，添加了一个change事件监听器。当单选框的选中状态发生变化时，如果选中的是"非必填"，则移除文本框的required属性，否则添加required属性。

如何在选中input单选框后弹出alert窗口

您可以使用JavaScript来实现这个功能。您可以在input单选框上添加一个事件监听器，当单选框被选中时触发该事件。在事件处理程序中，您可以使用JavaScript的alert()函数来弹出一个提示框。

以下是一个示例代码：

HTML代码：

<input type="radio" name="radio" id="radio1" onclick="showAlert()">
<label for="radio1">选项1</label>
<input type="radio" name="radio" id="radio2" onclick="showAlert()">
<label for="radio2">选项2</label>

JavaScript代码：

function showAlert() {
  alert("您已经选中了一个单选框！");
}

当用户点击单选框时，将会弹出一个提示框显示“您已经选中了一个单选框！”的信息。