jquery写一段radio切换的代码

假设你的HTML代码如下：

<input type="radio" name="options" value="option1" checked>Option 1
<input type="radio" name="options" value="option2">Option 2
<input type="radio" name="options" value="option3">Option 3

<div id="option1-content">Content for Option 1</div>
<div id="option2-content">Content for Option 2</div>
<div id="option3-content">Content for Option 3</div>

那么可以使用如下的jQuery代码实现radio切换：

$(document).ready(function() {
  // 隐藏所有选项卡的内容
  $('#option1-content, #option2-content, #option3-content').hide();
  
  // 显示默认选项卡的内容
  $('#option1-content').show(); 
  
  // 当radio选项改变时，切换选项卡的内容
  $('input[name=options]').change(function() {
    var selectedOption = $(this).val();
    
    // 隐藏所有选项卡的内容
    $('#option1-content, #option2-content, #option3-content').hide();
    
    // 显示当前选项卡的内容
    $('#' + selectedOption + '-content').show();
  });
});

以上代码会在页面加载完成后执行，隐藏除第一个选项卡的内容以外的其他选项卡。默认情况下，第一个选项卡的内容会显示。当radio选项改变时，会根据选中的选项卡显示对应的内容。