Javascript 如何使单选按钮只能为每组选择1个选项？_Javascript_Html_Radio Button_Radiobuttonlist

Javascript 如何使单选按钮只能为每组选择1个选项？

javascript html

Javascript 如何使单选按钮只能为每组选择1个选项？,javascript,html,radio-button,radiobuttonlist,Javascript,Html,Radio Button,Radiobuttonlist,我有5个单选按钮组。我希望用户只能在每个无线电组中选择一个部件。我的第一个组工作正常，仅选择一个零件，但是其他组当我选择某个零件而不是从1移动的选定按钮时，它会选择另一个零件我的代码是： <html> <head> <title> Checkboxes and radio buttons assignment 4 </title> </head> <body> <form name=form1> <h

我有5个单选按钮组。我希望用户只能在每个无线电组中选择一个部件。我的第一个组工作正常，仅选择一个零件，但是其他组当我选择某个零件而不是从1移动的选定按钮时，它会选择另一个零件

我的代码是：

<html>
<head>
<title> Checkboxes and radio buttons assignment 4 </title>
</head>
<body>

<form name=form1>

<h2>Complete the following</h2>
<hr>
Tick the box if you have the following:
<h2>History of Hereditary Disease </h2>
Heart <input type="checkbox" name=chkHeart value="Heart"> <br><br>
Asthma <input type="checkbox" name=chkAsthma value="Asthma"> 

<br><br>
Arthritis <input type="checkbox" name=chkArthritis 

value="Arthritis">
<br>
<hr>

Select the button that describes you:

<h2>Exercise</h2>
<input type="radio" name=radspeed CHECKED onclick="return 

Frequently_onclick(0)" value="Frequently"> Frequently
<input type="radio" name=radspeed onclick="return Average_onclick(1)" value="Average"> Average
<input type="radio" name=radspeed onclick="return Seldom_onclick(2)" value="Seldom"> Seldom
<br>
<hr>

<h2>Diet</h2>
<input type="radio" name=Low Fat CHECKED onclick="return LowFat_onclick(0)" value="Low Fat"> Low Fat
<input type="radio" name=Average onclick="return AverageFat_onclick(1)" value="Average"> Average
<input type="radio" name=High Fat onclick="return HighFat_onclick(2)" value="High Fat"> High Fat
<br>
<hr>

<h2>Alcohol</h2>
<input type="radio" name=LightAlcohol CHECKED onclick="return LightAlcohol_onclick(0)" value="Light"> Light
<input type="radio" name=MediumAlcohol onclick="return MediumAlcohol_onclick(1)" value="Medium"> Medium
<input type="radio" name=HeavyAlcholo onclick="return HeavyAlcohol_onclick(2)" value="Heavy"> Heavy
<br>
<hr>

<h2>Smoking</h2>
<input type="radio" name=NonSmoker CHECKED onclick="return NonSmoker_onclick(0)" value="Non-Smoker"> Non-Smoker
<input type="radio" name=LightSmoker onclick="return LightSmoker_onclick(1)" value="Light"> Light
<input type="radio" name=HeavySmoker onclick="return HeavySmoker_onclick(2)" value="Heavy"> Heavy
<br>
<hr>

<h2>General Health</h2>
<input type="radio" name=GoodHealth CHECKED onclick="return GoodHealth_onclick(0)" value="Good"> Good
<input type="radio" name=AverageHealth onclick="return AverageHealth_onclick(1)" value="Average"> Average
<input type="radio" name=PoorHealth onclick="return PoorHealth_onclick(2)" value="Poor"> Poor
<br>
<br>
<hr>
</form>
</body>
</html>


复选框和单选按钮分配4
完成以下内容

如果您有以下内容，请勾选该框：
遗传病史
心


哮喘



关节炎



选择描述您的按钮：
运动
频繁地
平均值
很少



饮食
低脂肪
平均值
高脂肪



酒
轻的
中等
沉重的



吸烟
非吸烟者
轻的
沉重的



一般健康
好
平均值
贫穷的

您必须为特定组设置相同的名称。
您的第一组名称相同，另一组名称不同。

您可以检查它

为单个组中的每个单选按钮指定相同的名称，并使用不同的ID对其进行区分。这是一个巨大的帮助。