选择输入（单选按钮）时如何使用javascript/jquery更改按钮的颜色 按钮1 按钮2 按钮3 男性 女性 其他 男性 女性 其他 男性 女性 其他

如果在id

formId1

表单中选择id

id1

输入，则id

id1

按钮的颜色应更改，如果在id

formId2

表单中选择id

id2

输入，则id

id2

按钮的颜色应更改，第三个按钮的颜色也应相同。

您可以调用单击此功能可设置按钮颜色

<div>
 <button id="id1" class="button">button1</button>
 <button id="id2" class="button">button2</button>
 <button id="id3" class="button">button3</button>
</div>
<div>
  <form action="" id="formId1">
   <input type="radio" name="gender" id="id1"  value="male"> Male<br> 
   <input type="radio" name="gender" id="id1"  value="male"> female<br> 
   <input type="radio" name="gender" id="id1"  value="male"> others<br>
  </form>
</div>
<div>
  <form action="" id="formId2">
   <input type="radio" name="gender" id="id2"  value="male"> Male<br> 
   <input type="radio" name="gender" id="id2"  value="male"> female<br> 
   <input type="radio" name="gender" id="id2"  value="male"> others<br>
  </form>
</div>
<div>
  <form action="" id="formId3">
   <input type="radio" name="gender" id="id3"  value="male"> Male<br> 
   <input type="radio" name="gender" id="id3"  value="male"> female<br> 
   <input type="radio" name="gender" id="id3"  value="male"> others<br>
  </form>
</div>

按钮1
按钮2
按钮3
男性

女性

其他

男性

女性

其他

男性

女性

其他

按钮1
按钮2
按钮3
男性

女性

其他

男性

女性

其他

男性

女性

其他

函数setColor（目标）{
document.getElementById（target.style.backgroundColor=“蓝色”；
}

您能指出您尝试过的任何东西吗。如果你没有尝试过任何东西，你研究过什么。Id属性应该总是唯一的。代码中有多个元素具有相同的id。请注意这一点。将来，如果需要javascript/jquery解决方案，您应该发布您尝试过的javascript/jquery。问题更适合于“为什么这不起作用”或“我做错了什么”或“我试过了”。当只给出HTML时，您似乎很想为自己编写代码。请看@VapurMaid谢谢你，我会记住这一点，这样我以后就不会再犯同样的错误了。欢迎你。如果你的问题解决了。。标记答案。欢迎您@chiragprajapati，如果您的问题解决了，并且您觉得这很有帮助，请接受答案并投票，以便其他人能够发现它的帮助

   <input type="radio" name="gender" id="id1"  onclick="handleClick('id1')"  value="male"> Male<br>