Jquery 执行单选按钮的正确方法

Jquery 执行单选按钮的正确方法,jquery,html,Jquery,Html,我对jquery相当陌生,对如何用3个不同的ID实现3个不同的单选按钮有疑问。 我始终只想选择一个单选按钮,这意味着,当我单击另一个单选按钮时,应取消选中其他两个按钮,并更新值。我的代码正在运行,但我不确定这是否是正确的方法。有谁能告诉我,是否可以用另一种方式来做 谢谢 $(“#someID_1”)。单击(函数(){ $(“#someID_1”).prop(“选中”,为真); $(“#someID_2”).prop(“选中”,false); $(“#someID_3”).prop(“选中”,f

我对jquery相当陌生,对如何用3个不同的ID实现3个不同的单选按钮有疑问。 我始终只想选择一个单选按钮,这意味着,当我单击另一个单选按钮时,应取消选中其他两个按钮,并更新值。我的代码正在运行,但我不确定这是否是正确的方法。有谁能告诉我,是否可以用另一种方式来做

谢谢

$(“#someID_1”)。单击(函数(){
$(“#someID_1”).prop(“选中”,为真);
$(“#someID_2”).prop(“选中”,false);
$(“#someID_3”).prop(“选中”,false);
$(“#someID_1”).val(“真”);
$(“#someID_2”).val(“false”);
$(“#someID_3”).val(“false”);
});
$(“#someID_2”)。单击(函数(){
$(“#someID_1”).prop(“选中”,false);
$(“#someID_2”).prop(“选中”,为真);
$(“#someID_3”).prop(“选中”,false);
$(“#someID_1”).val(“false”);
$(“#someID_2”).val(“真”);
$(“#someID_3”).val(“false”);
});
$(“#someID_3”)。单击(函数(){
$(“#someID_1”).prop(“选中”,false);
$(“#someID_2”).prop(“选中”,false);
$(“#someID_3”).prop(“选中”,为真);
$(“#someID_1”).val(“false”);
$(“#someID_2”).val(“false”);
$(“#someID_3”).val(“真”);
});


这里不需要Jquery。如果您的收音机具有相同的
名称
,则在任何时候都只能选择一个。

这只能通过html完成。一个窗体内的所有收音机应具有相同的名称属性

foo
酒吧

foo-bar
完全取决于您的需要如果您要使用fix单选按钮,例如想要使用3个单选按钮,则可以使用如下HTML:

<form action="">
  <input type="radio" name="gender" value="male"> Male<br>
  <input type="radio" name="gender" value="female"> Female<br>
  <input type="radio" name="gender" value="other"> Other
</form>

男性
女性
其他
否则使用javascript/jquery

document.getElementById("my_div").innerHTML = my_div.innerHTML +'<input type="radio" name="gender" value="male"> Male<br>';
document.getElementById(“my_div”).innerHTML=my_div.innerHTML+'Male
';

上面的代码将在my_div中添加一个单选按钮

如果您无法修改html或希望动态修改html,您可以使用
.attr(“name”,“same_name”)

$(“#someID_1,#someID_2,#someID_3”).attr(“名称”,“相同名称”);
//或:
$(“.some_class input[type=radio]”).attr(“name”,“same_name”)


该组定义为在同一