js实现全选按钮

目录

html代码

css代码

js代码

完整代码


html代码

先把整体结构样式写出来

  
全选 商品 商家 价格

css代码

对表格添加样式,使其呈现在页面美观

  

js代码

首先要先渲染页面,把整体样式通过js呈现在页面上

根据需求写js代码

点击全选按钮 ,其他按钮都被选中

绑定事件,让所有商品状态与全选按钮状态同步

单击每个商品 设置全选按钮状态    

 单击某个商品   所有商品都选中,全选按钮选中,只要有一个未选中全选按钮取消  

要注意:cks本身是伪数组,它身上没有every方法,需要转成真正的数组,才能使用

完整代码




  
    
    
    
  

  
    
全选 商品 商家 价格

js实现全选按钮_第1张图片

你可能感兴趣的:(js案例,javascript,前端,java)