文本框的值三级联动

最新推荐文章于 2022-10-26 09:13:13 发布

置顶 wanglei_samrtfish

最新推荐文章于 2022-10-26 09:13:13 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： asp.net学习总结 asp.net 文章标签： function input xhtml javascript server c

本文链接：https://blog.youkuaiyun.com/wanglei_samrtfish/article/details/7194288

asp.net学习总结同时被 2 个专栏收录

103 篇文章

订阅专栏

asp.net

34 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

function change() {

var a = document.getElementById('a').value;

document.getElementById('b').value = 10 * a;
document.getElementById('c').value = 100* a;

}

         function change2() {
             var b= document.getElementById('b').value;
             document.getElementById('a').value = b /10;
             document.getElementById('c').value = b * 10;

}

         function change3() {
             var c = document.getElementById('c').value;
             document.getElementById('a').value = c /100;
             document.getElementById('b').value = c/10;

         }

</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <input type ="text" id="a" onchange ="change() ;change3() ; change2() ; " onblur ="change() ;change3() ; change2() ; "/>
        <input type ="text" id="b" onchange ="change2();change3() ; change() ; " onblur ="change() ;change3() ; change2() ; "/>
        <input type ="text" id="c" onchange ="change3() ; change2() ; change() ;"onblur ="change() ;change3() ; change2() ; "/>

    </div>
    </form>
</body>
</html>