很多input赋值要和第一个相同！

最新推荐文章于 2024-04-26 18:40:12 发布

kakaxiD

最新推荐文章于 2024-04-26 18:40:12 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：个人日记

本文链接：https://blog.youkuaiyun.com/kakaxiD/article/details/72868290

个人日记专栏收录该内容

108 篇文章

订阅专栏

本文介绍了一个使用HTML和JavaScript实现的简单示例，该示例展示如何通过JavaScript来同步更新表格中的多个单元格内容。当用户在一个指定的单元格中输入内容时，同一列的其他单元格将被赋予相同的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里写图片描述

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>实例</title>
</head>
<body>
    <table>
        <tr>
            <td>我是左边<input type="text" id="nopenaltyorder0"/></td>
            <td>我是右边<input type="text" id="penaltyorder0"/></td>
        </tr>
        <tr>
            <td>我是左边<input type="text" id="nopenaltyorder1" onfocus="nopenaltyorder()"/></td>
            <td>我是右边<input type="text" id="penaltyorder1" onfocus="penaltyorder()"/></td>
        </tr>
        <tr>
            <td>我是左边<input type="text" id="nopenaltyorder2"/></td>
            <td>我是右边<input type="text" id="penaltyorder2"/></td>
        </tr>
        <tr>
            <td>我是左边<input type="text" id="nopenaltyorder3"/></td>
            <td>我是右边<input type="text" id="penaltyorder3"/></td>
        </tr>
        <tr>
            <td>我是左边<input type="text" id="nopenaltyorder4"/></td>
            <td>我是右边<input type="text" id="penaltyorder4"/></td>
        </tr>
        <tr>
            <td>我是左边<input type="text" id="nopenaltyorder5"/></td>
            <td>我是右边<input type="text" id="penaltyorder5"/></td>
        </tr>
        <tr>
            <td>我是左边<input type="text" id="nopenaltyorder6"/></td>
            <td>我是右边<input type="text" id="penaltyorder6"/></td>
        </tr>
        <tr>
            <td>我是左边<input type="text" id="nopenaltyorder7"/></td>
            <td>我是右边<input type="text" id="penaltyorder7"/></td>
        </tr>
    </table>
    <script>
        function nopenaltyorder(){
            var obj0=document.getElementById("nopenaltyorder0");
            for(var i=0;i<8;i++){
                var objs=document.getElementById("nopenaltyorder"+i);
                objs.value=obj0.value;
            }
        }
        function penaltyorder(){
            var obj0=document.getElementById("penaltyorder0");
            for(var m=0;m<8;m++){
                var objs=document.getElementById("penaltyorder"+m);
                objs.value=obj0.value;
            }
        }
    </script>
</body>
</html>