女神猫女王

代理加盟 2020全新代理計劃 賺錢+省錢雙管齊下,獨立平臺,豐厚利潤!

您現在的位置: 秀站網 > 織夢大學 > 使用教程 >

DEDECMS織夢自定義表單增加"全選/全不選"的功能按鈕

來源:本站原創 發布時間:2019-09-17 17:02:55熱度:我要評論(0

免費下載,無需注冊無需充值

織夢自定義表單如果獲取表單數據很大的時候,刪除很麻煩,給我們日常管理工作帶來極大不便,今天秀站網技術團隊就分享下如何增加“全選/全不選”功能按鈕,方便批量刪除!

加上“全選/全不選”的功能,步驟如下:

從/dede/templets找到diy_list.htm并打開:

1、在57行處 colspan=“3” 改為 colspan=“5”

<td colspan="3改成5" height='36' align="center" bgcolor="#F8FCF1">

2、58行處添加以下代碼:

<label><a href="javascript:selAll()" class="coolbg">全選</a></label>

<label><a href="javascript:noSelAll()" class="coolbg">取消</a></label>

 

3、在 </body></html> 之前加上js代碼:

<script type="text/javascript">

function selAll(){

var a = document.getElementsByTagName("input");

for(var i = 0;i<a.length;i++){

if(a[i].type == "checkbox") a[i].checked = true;

}

}

function noSelAll(){

var a = document.getElementsByTagName("input");

for(var i = 0;i<a.length;i++){

if(a[i].type == "checkbox") a[i].checked = false;

}

}

</script>

最終修改效果如圖:

DEDECMS織夢自定義表單增加"全選/全不選"的功能按鈕

轉載請注明來源網址:http://www.qksux.club/dedecms_jq/1769.html

    發表評論

    評論列表(條)

      女神猫女王 26331449619951716497856972895685103721493352706952514492688575491634831693932944486413238885498141 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();