jquery checkbox的问题-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

jquery checkbox的问题

2016-07-08 14:25:50 1412 1
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
    <script language="javascript" type="text/javascript">
     
    $(document).ready(function(){
       $(".js").click(function(){
                      
                   var aa="";
                               $("input[name=checkbox1]").each(function(){
                                 if(this.checked){
                                 
                                    aa=this.value;
                                         $("#www").append("<img src="+aa+">");
                                                                    
                                                                }
                    })
  })
})
 
         
        </script>
<body>
<table width="485" height="27" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <th width="159" scope="col"><img src="1.jpg" width="100" height="69" /></th>
    <th width="159" scope="col"><img src="2.jpg" width="100" height="69" /></th>
    <th width="159" scope="col"><img src="3.jpg" width="100" height="69" /></th>
    <th width="159" scope="col"><img src="4.jpg" width="100" height="69" /></th>
  </tr>
  <tr class="js">
    <th scope="col"><input type="checkbox" name="checkbox1"  value="1.jpg" ></th>
    <th scope="col"><input type="checkbox" name="checkbox1"  value="2.jpg" ></th>
    <th scope="col"><input type="checkbox" name="checkbox1"  value="3.jpg" ></th>
    <th scope="col"><input type="checkbox" name="checkbox1"  value="4.jpg" ></th>
  </tr>
   
  <tr>
    <th width="159" scope="col"><img src="1.jpg" width="100" height="69" /></th>
    <th width="159" scope="col"><img src="2.jpg" width="100" height="69" /></th>
    <th width="159" scope="col"><img src="3.jpg" width="100" height="69" /></th>
    <th width="159" scope="col"><img src="4.jpg" width="100" height="69" /></th>
  </tr>
  <tr class="js">
    <th scope="col"><input type="checkbox" name="checkbox1"  value="1.jpg" ></th>
    <th scope="col"><input type="checkbox" name="checkbox1"  value="2.jpg" ></th>
    <th scope="col"><input type="checkbox" name="checkbox1"  value="3.jpg" ></th>
    <th scope="col"><input type="checkbox" name="checkbox1"  value="4.jpg" ></th>
  </tr>
  <div id="www"></div>
</table>
</body>

现在的问题是我选择了一下复选框,出现一个选择的图片,然后再选择一个,会出现在上次选择的图片和这次选择的图片,变成三张图片,实际应该是两张,尝试使用$("#www").remove();无效,该咋解决啊

取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:53:21

    每点一次,遍历一次所有复选框,有选中的就append对应jpg,第一次点击append了一张,第二次点击,有两个选中,在第一次append的基础上又append了两张。
    运行结果:3张,没错……

    解决方法:.click里面每次.each之前,清空$("#www")的子元素——var aa="";$('#www').empty();——然后再.each

    0 0
相关问答

1

回答

jQuery checkbox的问题

2016-07-11 10:54:38 1453浏览量 回答数 1

1

回答

jquery ajax中都支持哪些数据类型呀?

2021-11-22 21:54:10 493浏览量 回答数 1

1

回答

jQuery AJAX的本质是什么?

2021-11-07 10:01:44 152浏览量 回答数 1

1

回答

jQuery Ajax 常用的方法是什么?

2021-11-07 11:58:35 186浏览量 回答数 1

1

回答

JQuery 与ajax的关系是什么?

2021-09-29 15:56:15 397浏览量 回答数 1

1

回答

Ajax和jQuery有什么区别?

2021-09-28 16:29:18 294浏览量 回答数 1

1

回答

jquery ajax的问题。?报错

2020-06-22 19:55:43 244浏览量 回答数 1

1

回答

jquery中的ajax的请求出现问题

2016-07-14 16:58:18 2040浏览量 回答数 1

1

回答

jquery mobile ajax 请求,弹出提示框

2016-07-05 17:07:35 1911浏览量 回答数 1

2

回答

用jquery给由Ajax生成的li标签绑定click事件

2016-05-30 15:03:28 2372浏览量 回答数 2
+关注
0
文章
14879
问答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载