在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
jquery多选源码来源素材火http://www.sucaihuo.com/ (有什么问题可以私本人邮箱[email protected],也可加qq来时表明来意即可) 建议有js基础,了解jquery,thinkphp,废话不说多下面就上代码 《————HTML————》 1 //thinkphp循环显示把data里fid赋予多选框 2 <volist name="data" id="vo"> 3 <tr> 4 <td><input type="checkbox" value="{$vo.fid}"/></td>//可在后面加td输入参数 5 </tr> 6 </volist> 7 <tr> 8 <th width="80"><input type="checkbox" id="all"/>全选</th> 9 <th width="80"><input type="button" value="全选" class="btn" id="selectAll" /></th> 10 <th width="80"><input type="button" value="全不选" class="btn" id="unSelect" /></th> 11 <th><input type="button" value="反选" class="btn" id="reverse" /></th> 12 <th width="180"> 13 <a href="javascript:void(0);" onclick="del()" title="删除选定数据">删除</a> 14 </th> 15 </tr> 《————jsvascript————》
1 <script> 2 //多选 3 $("#all").click(function(){ 4 if(this.checked){ 5 $("#list :checkbox").attr("checked", true); 6 }else{ 7 $("#list :checkbox").attr("checked", false); 8 } 9 }); 10 //当点到全选按钮 11 $("#selectAll").click(function () { 12 $("#list :checkbox,#all").attr("checked", true); 13 }); 14 //全不选 15 $("#unSelect").click(function () { 16 $("#list :checkbox,#all").attr("checked", false); 17 }); 18 //反选 19 $("#reverse").click(function () { 20 $("#list :checkbox").each(function () { 21 $(this).attr("checked", !$(this).attr("checked")); 22 }); 23 allCheck(); 24 }); 25 //删除 26 function del(){ 27 var valArr = new Array; 28 $("#list :checkbox[checked]").each(function(i){ 29 valArr[i] = $(this).val(); 30 }); 31 var vals = valArr.join(',');//数组转换以逗号隔开的字符串 32 if (valArr.length == 0) { 33 alert('请选择要删除的选项'); 34 }else{ 35 if (confirm("确定删除?删除后将无法恢复。")){ 36 var data={name:vals}; 37 $.ajax({ 38 type: "post", 39 url: "{:U('College/School/faculty_del')}",//url为tp方法(控制器/方法) 《————PHP————》 1 public function faculty_del(){ 2 $fid = trim($_POST['name']); 3 //以下为查询条件 4 $bname['deletemark'] = 0; 5 $res = $this->faculty_model 由于是异步所以你发过来的数据都在控制台查看,当前页面没输出,不要去页面上去找(不要问我为什么知道,我干过,想起来真蠢) |
2022-08-15
2022-08-17
2022-11-06
2022-08-17
2022-07-18
请发表评论