looyx 2016-11-25 05:15 采纳率: 33.3%
浏览 1069
已采纳

js如何根据用户输入改变图片并隐藏表格最后一行

 下面这段代码因为表单初始值为500,所以默认显示1.png和和全部表格,如果用户输入小于500,怎么把1.png换成2.png并隐藏表格的最后一行,谢谢。
<input id="input1"type="text" value="500" /><input type="button" / onclick="jisuan(this)" value="计算">
<img id="img1" src="1.png"/>
<table width="200" border="1">
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr id="tr1">
    <td></td>
    <td></td>
  </tr>
</table>
  • 写回答

4条回答 默认 最新

  • 斯洛文尼亚旅游 2016-11-25 05:36
    关注
     <script>
        function jisuan() {
            var v = parseInt(document.getElementById('input1').value) || 0;
            document.getElementById('img1').src = v < 500 ? '2.png' : '1.png'
            document.getElementById('tr1').style.display = v < 500 ? 'none' : ''
        }
    </script>
    <input id="input1" type="text" value="500" /><input type="button"  onclick="jisuan(this)" value="计算">
    <img id="img1" src="1.png" />
    <table width="200" border="1">
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
        </tr>
        <tr id="tr1">
            <td></td>
            <td></td>
        </tr>
    </table>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

悬赏问题

  • ¥15 乌班图ip地址配置及远程SSH
  • ¥15 怎么让点阵屏显示静态爱心,用keiluVision5写出让点阵屏显示静态爱心的代码,越快越好
  • ¥15 PSPICE制作一个加法器
  • ¥15 javaweb项目无法正常跳转
  • ¥15 VMBox虚拟机无法访问
  • ¥15 skd显示找不到头文件
  • ¥15 机器视觉中图片中长度与真实长度的关系
  • ¥15 fastreport table 怎么只让每页的最下面和最顶部有横线
  • ¥15 java 的protected权限 ,问题在注释里
  • ¥15 这个是哪里有问题啊?