【JQ 封装全选函数】的更多相关文章

JQ 封装全选函数

单击时触发效果: 如果有一个没有选中把全选的勾去了,如果select所有的都选中了,那就把全选勾上 html里: <div class="row cl"> <label class="form-label col-xs-4 col-sm-2 "><span class="c-red">*</span>可购买者等级列表:</label> <div class="formCo…

JavaScript 全选函数的实现

Html代码: <table id="purchase-info" class="table table-bordered table-hover table-striped" cellspacing="0" width="100%" align="center"> <caption>采购清单</caption> <thead> <tr> <…

js和jq实现全选反选

在前端中用到全选反选的案例并不少,在这里呢我就实现这个功能给大家参考参考. 这里呢就先贴上我的html和css代码 <div class="wrap"> <table> <thead> <tr> <th> <input type="checkbox" id="theadInp" /> </th> <th>快递</th> <th>…

JQ实现全选、全不选

代码: <table class="table myTable table-hover"> <thead> <tr> <th> <div class="el-checkbox el-checkbox-green allCheck"> <label class="el-checkbox el-checkbox"><input type="checkbox&quo…

jq变态全选vs原生变态全选

<script> $(function(){ var num=0; $("#btn").on('click',function(){ if(this.checked){ $("#box").children().attr('checked',true); num=$("#box").children().length;//赋个值 }else{ $("#box").children().attr('checked',…

jq实现全选、全不选、反选

基本思路: 1全选:点击全选按钮的时候,将input的属性checked设置为true; 2全不选:点击全不选按钮的时候,将input的属性checked设置为false; 3反选:点击反选按钮的时候,提取出当前转态的时候,已经被选中的input的索引值,然后将被选中的按钮的属性checked设置为false:没有被选中使一样的道理: 注意:想要获取到input的checked不能用attr应该用prop:checked为true的时候input被选中,checked为false的时候input…

jq实现全选非全选

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:0;} input{vertical-align:middle} .container{width:500px;margin:20px auto;} </style&g…

Jq 遍历 全选 全不选 反选

//全选 全不选 $('#checkAll').click(function () { //判断是否被选中 var bischecked = $('#checkAll').is(':checked'); var fruit = $('input[name="check"]'); bischecked ? fruit.attr('checked', true) : fruit.attr('checked', false); }); //反选 遍历checkbox 如果当前为选中 就设置为…

jq三级全选全不选

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <meta name="referrer" content="unsafe-url"/> <meta name="referrer" content="…

jq实现全选或者全不选

$("#all").click(function () { if($(this).is(":checked")){ $("input[name='product']").prop("checked",true); }else{ $("input[name='product']").prop("checked",false); } })…