jquery实现radio互换

Posted 2023-03-14

有两个radio是关联的 然后有一个按钮 点击一下按钮就会切换当前选中radio
用jquey实现

楼上正解。

不过为什么要用按钮呢，使用按钮切换并不符合用户习惯。如果你是觉得radio太小不好点，使用label就行了啊。例如

<input type="radio" name="sex" id="sex_m" value="man" /><label for="sex_m" checked="checked">男性</label>
<input type="radio" name="sex" id="sex_w" value="woman" /><label for="sex_w">女性</label>

这样点击文字和点击radio具有相同的效果，不就解决问题了吗。

呵呵，你见过哪个网页提供额外的按钮用来切换radio么。

参考技术A

不太清楚这你这两个 radio 是如何关联的，下面假设它们的 name 相同

$("#switch").on("click", function() 
    $(":radio[name=gender]:not(:checked)").prop("checked", true);
);

<input type="radio" name="gender" value="m" checked="checked" /> 男
<input type="radio" name="gender" value="f" /> 女
<input type="button" id="switch" value="切换" />

本回答被提问者采纳