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条回答 默认 最新

  • Go 旅城通票 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条)

报告相同问题?

悬赏问题

  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名