有两个radio是关联的 然后有一个按钮 点击一下按钮就会切换当前选中radio
用jquey实现
jquery实现radio互换
答案:3 悬赏:30 手机版
解决时间 2021-01-29 21:46
- 提问者网友:疯子也有疯子的情调
- 2021-01-29 06:49
最佳答案
- 五星知识达人网友:一秋
- 2021-01-29 07:30
不太清楚这你这两个 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="切换" />
$("#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="切换" />
全部回答
- 1楼网友:等灯
- 2021-01-29 09:14
楼上正解。
不过为什么要用按钮呢,使用按钮切换并不符合用户习惯。如果你是觉得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么。
- 2楼网友:爱难随人意
- 2021-01-29 08:13
你的$("input[name=jizai]")这个选择器会获得两个radio对象,都设置选中,只能最后一个是被选中的,因为是单选。 如果你要这么写,可以指定索引, 如:$("input[name=jizai]:eq(0)").attr("checked",'checked'); 这样就是第一个选中咯。 jquery中,radio的选中与否是这么设置的。 $("#rdo1").attr("checked","checked"); $("#rdo1").removeattr("checked"); 还有问题hi我哦。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯