Question

我有多个单选按钮，点击任何单选按钮，它将显示相关的div，div有不同的输入字段。现在我想在显示新div时清除其他div的内容。任何帮助将不胜感激！

Answer 1

最简单的方法是清除 all div，然后替换您实际希望显示的内容。如果您正在使用jQuery，请查看empty方法以查找要开始的位置。

Answer 2

使用jQuery的hide()和show()方法非常简单。

＆＃13;

  $('div').hide(); // Hide all divs on page load.

  function showDiv(id) {

    $('div').hide(); // When a radio is clicked, hide all divs.
    $('#info' + id).show(); // Show the div that is selected.

  }

＆＃13;

div {
  display: inline-block;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="info1">Information about number 1.</div>
<input type="radio" name="info" id="1" onclick="showDiv(this.id)" />Display information about number 1
<br/>
<div id="info2">Information about number 2.</div>
<input type="radio" name="info" id="2" onclick="showDiv(this.id)" />Display information about number 1
<br/>
<div id="info3">Information about number 3.</div>
<input type="radio" name="info" id="3" onclick="showDiv(this.id)" />Display information about number 1
<br/>
<div id="info4">Information about number 4.</div>
<input type="radio" name="info" id="4" onclick="showDiv(this.id)" />Display information about number 1
<br/>
<div id="info5">Information about number 5.</div>
<input type="radio" name="info" id="5" onclick="showDiv(this.id)" />Display information about number 1
<br/>

＆＃13;

我希望这会帮助你。如果您需要其他帮助，请在下方发表评论。

如何清除单选按钮上的div内容

2 个答案: