要实现文本框中的数据随着单选按钮的点击而消失,可以通过以下步骤来实现:
<input type="text" id="myText">
<input type="radio" name="options" value="option1">选项1
<input type="radio" name="options" value="option2">选项2
var radioButtons = document.getElementsByName("options");
var textBox = document.getElementById("myText");
for (var i = 0; i < radioButtons.length; i++) {
radioButtons[i].addEventListener("click", function() {
textBox.value = "";
});
}
这样,当用户点击单选按钮时,文本框中的数据将被清空。你可以根据需要修改HTML元素的ID和名称,以及JavaScript代码中的变量名。
这是一个简单的实现方式,适用于基本的文本框和单选按钮交互。如果需要更复杂的功能,可以结合使用CSS和其他JavaScript库来实现。
领取专属 10元无门槛券
手把手带您无忧上云