input 全选和取消全选

Posted 野望之风

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了input 全选和取消全选相关的知识,希望对你有一定的参考价值。

选择框

<input type="checkbox" name=‘Brand‘ value=‘1‘>

<input type="checkbox" name=‘Brand‘ value=‘2‘>

<input type="checkbox" name=‘Brand‘ value=‘3‘>

按钮

<input id=‘allBt1‘ type=‘button‘ value=‘全选‘ />
<input id=‘allNo‘ type=‘button‘ value=‘取消全选‘ />

 

全选/取消全选代码

$(document).ready(function(){

  //通过name选择相应的input元素
  var ipt = $("input[name=‘Brand‘]");

  //点击全选时全选
  $(‘#allBt1‘).click(function(){

    $("input[name=‘Brand‘]").attr("checked", 1);
  })

  //点击取消全选时取消全选
  $(‘#allNo‘).click(function(){
    $("input[name=‘Brand‘]").attr("checked", 0);
  })
})

以上是关于input 全选和取消全选的主要内容,如果未能解决你的问题,请参考以下文章

JS做的全选和取消全选

微信小程序 全选和取消全选

TreeView怎么实现复选框的全选和取消全选

实现全选和取消全选

react实现全选取消全选和个别选择

vue实现全选和取消全选