蓝咲 2022-10-11 11:24 采纳率: 58.8%
浏览 39
已结题

两个单选按钮，怎么一个单选按钮在选的时候操控另一个按钮让他默认选中

例如单选按钮1 在选择①或②时 ， 单选按钮2默认选中④；在选择③时 ，单选按钮2默认选中⑤

img

  • 写回答

1条回答 默认 最新

  • 崽崽的谷雨 2022-10-11 13:15
    关注

    就是一个 change事件 获取 radio 然后复制value

    <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="one">
        <input type="radio" name="one" value="1" />1
        <input type="radio" name="one" value="2" />2
        <input type="radio" name="one" value="3" />3
    </div>
    <br>
    </div>
    <input type="radio" name="two" value="4" id="two4" />4
    <input type="radio" name="two" value="5" id="two5" />5
    </div>
</body>
<script>
    let one = document.getElementById("one");
    let two4 = document.getElementById("two4");
    let two5 = document.getElementById("two5");
    one.onchange = function (ev) {
        var ev = ev || window.event;
        var inpRadio = ev.srcElement || ev.target;
        var val = inpRadio.value;
        if (val == 1 || val == 2) {
            two4.checked = true;
        } else {
            two5.checked = true;
        }

    }

</script>

</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录

报告相同问题？

问题事件

  • 系统已结题 10月30日
  • 已采纳回答 10月22日
  • 创建了问题 10月11日

悬赏问题

  • ¥15 微信会员卡等级和折扣规则
  • ¥15 微信公众平台自制会员卡可以通过收款码收款码收款进行自动积分吗
  • ¥15 随身WiFi网络灯亮但是没有网络，如何解决？
  • ¥15 gdf格式的脑电数据如何处理matlab
  • ¥20 重新写的代码替换了之后运行hbuliderx就这样了
  • ¥100 监控抖音用户作品更新可以微信公众号提醒
  • ¥15 UE5 如何可以不渲染HDRIBackdrop背景
  • ¥70 2048小游戏毕设项目
  • ¥20 mysql架构，按照姓名分表
  • ¥15 MATLAB实现区间[a,b]上的Gauss-Legendre积分