手机版

jQuery全选效果实现代码

时间:2021-10-26 来源:互联网 编辑:宝哥软件园 浏览:

多选效果如下图

代码如下:复制代码代码如下:脚本类型=' text/JavaScript '!- $(文档)。ready(function() { $('#selectall ')).单击(选择全部);});函数selectAll(){ var checked=$(' # selectAll ').attr('选中');$('.可选')。每个(函数(){ var subchecked=$(this)).attr('选中');if (subchecked!=选中)$(这个)。单击();});}////脚本表id=' detail-table ' style=' width : 100%;背景# F0F8FF '第一个输入id='selectall '类型='复选框'/第一个样式='文本-对齐:居中'样式='文本-对齐:居中'项目名称/第一个样式=' width : 60px ext-align : center ' um/th style=' width : 80px;文本对齐:中心"订购数量/第种样式="宽度: 80px文本对齐:中心"接收数量/第种样式="宽度: 80pxtext-align : center ' quantity/th style=' width : 120 px;文字对齐:中心'备注/th /tr /thead?PHP $ I=1;foreach($这个-详细信息为$ item){ echo ' tr \ n ';echo ' TD width=' 6px '输入类型=' Checkbox ' id=' item _ id $ I ' name=' item _ id $ I ' class='可选'值=' ' .$item['item_id'].//TD \ n ';//项目名称回显td .$item['item_name']'输入类型='隐藏id=' item _ id $ I ' name=' item _ id $ I ' value=' ' .$item['item_id']./input type=' hidden ' id=' item _ name $ I ' name=' item _ name $ I ' value=' ' .$item['item_name'].//TD \ n ';//单位回声td ' .$ item[' unit _ name ']'/TD \ n ';//订购数量回应TD style=' text-align : right ' style=' text-align : right '。$item['数量]'/TD \ n ';//接收数量回应任务描述样式='文本-对齐:右'样式='text-align: right ' .$ item[' received _ qty ']'/TD \ n ';//数量回声TD输入样式='宽度: 99%;text-align : right ' type=' text ' id=' quantity $ I ' name=' quantity $ I ' MaxLength=' 4 '在按键上按=' EnsureDecimal(this)'//TD \ n ';//备注列回显TD输入样式='宽度: 99%;'type='text' id='备注$i' name='备注$ I ' MaxLength=' 30 '/TD ';echo '/tr \ n ';$ I;} ?/table局部多选如下图

代码复制代码代码如下:脚本类型=' text/JavaScript '!-功能选择所有菜单(CMB){ var checked=CMB。已检查;$('.可选[模型=' cmb.model ']').每个(函数(){ var subchecked=$(this)).attr('选中');if (subchecked!=选中)$(这个)。单击();});}////脚本?PHP if(isset($ this-User)){ echo ' H3用户权限设置' .$this-user ./H3 ';} else if(isset($ this-Role)){ echo "角色的H3权限设置"。$这个角色/H3 ';} else { echo ' h3Privilege Setting/H3 ';} ?表单id='form1 '方法='post '操作='?php echo $this-baseUrl ./admin/privilege/save ';'中心表类=' stripe '样式=' text-align : left '样式=' text-align 3360 left '宽度=' 80% '?php $ model _ name=foreach($ this-特权为$特权){ if ($model_name!=$ priority[' model _ name ']){ $ model _ name=$ priority[' model _ name '];回声”tr \ n”;echo ' TD style=' width :20 px '输入模型=' $ model _ name ' class=' selectall ' type=' checkbox ' onclick=' selectall menu(this);'//TD \ n ';echo ' TD col span=' 2 ' $ model _ name/TD \ n;echo '/tr \ n ';}回显”tr \ n”;回声' TD/TD \ n ';echo ' TD style=' width :20 px '输入模型=' $ model _ name ' type=' checkbox ' class='可选'/TD \ n;回声td ' .$privilege['display_text']./TD \ n ';echo '/tr \ n ';} ?/table/center div style=' padding-top : 10px ' style=' padding-top : 10px '?PHP $ button _ panel=新建按钮面板();$button_panel-setButtonAlign('中心');$button_panel-addButton(数组(“文本”=“保存”,“类型”=“提交”);$button_panel-addButton(数组(“text”=“Reset”,“type”=“Reset”);$button_panel-addButton(数组(' text'='Back ',' onclick '='窗口。历史。back();'));$ button _ panel-render();/div/表单

版权声明:jQuery全选效果实现代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。