文本框的值三级联动

来源：互联网发布：淘宝上不能买彩票了吗编辑：程序博客网时间：2024/05/22 07:05

<!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>