Jquery 单击按钮时如何切换内容?

Jquery 单击按钮时如何切换内容?,jquery,html,Jquery,Html,我想在单击按钮A或B时切换内容。我编写了html <h4>SELECT</h4> <div> <input type="radio"> <label>A</label> <input type="radio"> <label>B</label> </div> 如果需要,我想切换内容 <input type="radio">

我想在单击按钮A或B时切换内容。我编写了html

  <h4>SELECT</h4>
  <div>
    <input type="radio">
    <label>A</label>
    <input type="radio">
    <label>B</label>
  </div>
如果需要,我想切换内容

<input type="radio">
<label>A</label>
单击时,将显示一个,如果

<input type="radio">
<label>B</label>

单击后,将显示b。我想使用jQuery执行此操作,但我应该如何编写代码?我对jQuery非常陌生,因此请帮助我。

您可以尝试下面的逻辑,在这里可以显示单击单选按钮的下一个标签

最初隐藏所有标签并将name=切换到单选按钮,以便一次选择一次

$function{ $'input:radio[name=switch]'。单击,函数{ $this.sillides'label'。隐藏; $this.next'label'。show; }; }; 选择 A. B
İ如果您只需单击单选按钮即可更改,请尝试此操作

$(document).ready(function(){
  $("#radioone").click(function(){
    $(".textone").html("<label>Adana merkez patlıyor herkes!</label>");
  });
  $("#radiotwo").click(function(){
    $(".texttwo").html("<label>Adana merkez patlıyor herkes!</label>");
  })
})

对不起,我想我在翻译时迷路了。您的意思是要通过单击所选单选按钮的标签来打开它们吗

通常的做法是将标签的for属性绑定到单选按钮的id,如:

<div>
   <input type="radio" id='radio1'><label for='radio1'>A</label>
   <input type="radio" id='radio2'><label for='radio2'>B</label>
</div>

欢迎来到堆栈溢出!请拿着你的徽章!通读这些,尤其是新的,这意味着你需要学习。你在这里的最佳选择是做你的研究,为相关的主题,所以,并尝试一下。如果你在做了更多的研究和搜索后陷入困境,无法摆脱困境,请发布一份你的尝试,并明确指出你陷入困境的地方。大家会很乐意帮忙的。欢迎来到Stack Overflow!你自己尝试过吗?如果你做了,那么分享你到目前为止所做的事情。