一张html页面上有多个单选框，选中一个值之后，立刻在页面上显示选中单选框的那个值

这个HTML页面包含一组单选按钮，用户点击每个选项时，页面会立即显示所选单选按钮的值。通过JavaScript函数`show_selected_item_val()`实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript">
<!--
function show_selected_item_val($item){

document.getElementById("show_content").innerHTML= $item.value;

}
//-->
</script>

</HEAD>

<BODY>
<form method="post" action="#">
<h3>你喜欢吃啥</h3>

<input type="radio" name="radio[]" id="radio_1" value="青菜" onclick="show_selected_item_val(this)" />
青菜
<input type="radio" name="radio[]" id="radio_2" value="萝卜" onclick="show_selected_item_val(this)"/>
萝卜
<input type="radio" name="radio[]" id="radio_3" value="花菜" onclick="show_selected_item_val(this)"/>
花菜
<input type="radio" name="radio[]" id="radio_4" value="小麦" onclick="show_selected_item_val(this)"/>
小麦
<input type="radio" name="radio[]" id="radio_5" value="西红柿" onclick="show_selected_item_val(this)"/>
西红柿
</p>
你选择的是:<span id="show_content"></div>
</form>

</BODY>
</HTML>