當前位置:
首頁 >
实现SELECT的全选,反选,AB选的JAVASCRIPT代码
發布時間:2025/3/15
36
豆豆
生活随笔
收集整理的這篇文章主要介紹了
实现SELECT的全选,反选,AB选的JAVASCRIPT代码
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
參考網上,用原生JS粗糙實現。
我發現用UIKIT的BUTTON會自動刷新我那核心的模態窗口,只好用另外的LABEL或CODE標簽了。
$(".btn-select-all").click(function(){var deploypool_id = $(this).attr("deploypool_id")var code_Values = document.getElementsByName("check-server" + deploypool_id);for(i = 0;i < code_Values.length;i++){if(code_Values[i].type == "checkbox"){code_Values[i].checked = true;}}});$(".btn-select-reverse").click(function(){var deploypool_id = $(this).attr("deploypool_id")var code_Values = document.getElementsByName("check-server" + deploypool_id);for(i = 0;i < code_Values.length;i++){if(code_Values[i].type == "checkbox"){code_Values[i].checked = false;}}});$(".btn-select-half").click(function(){var deploypool_id = $(this).attr("deploypool_id")var code_Values = document.getElementsByName("check-server" + deploypool_id);for(i = 0;i < code_Values.length;i++){if (i % 2 == 0){if(code_Values[i].type == "checkbox"){code_Values[i].checked = true;}}}});
轉載于:https://www.cnblogs.com/aguncn/p/4990458.html
總結
以上是生活随笔為你收集整理的实现SELECT的全选,反选,AB选的JAVASCRIPT代码的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: (数据库系统概论|王珊)第十章数据库恢复
- 下一篇: DDR2基础