2023/12/12 선거문자 전체 체크박스 클릭 시 순차적으로 선택

src/main/webapp/publish/js/publish.js

@@ -12,7 +12,7 @@ var onlongclick = function ($target, time, callback) {
 
 var publishCommon = {
   count: 0,
-  longMousePressCheck: function (checkTarget, checkTime) {
+  longMousePressCheck: function (checkTarget, checkTime , $target) {
     // checkTarget → 체크박스([name='']) / checkTime → 몇초 간격으로 체크 될지
     var checkLength = checkTarget.length; // 체크박스 몇개인지
     var cnt = 0; // 몇개 체크됐는지
@@ -22,6 +22,10 @@ var publishCommon = {
         clearInterval(checkEvent); // 자동체크 끝.
       }
       $(checkTarget[cnt]).prop('checked', true); // 체크박스 체크.
+      $($target).on("mouseup",function(){
+    	  //마우스떼면 멈춤
+    	  clearInterval(checkEvent);
+      });
       cnt++;
     }, checkTime);
   },

src/main/webapp/publish/sub_election_2023.html

@@ -54,10 +54,20 @@
 				}
 			});
 
-			onlongclick(".btn_check_one", 1000, function () {
+			$(".input_wrap #checkAll").click(function(){
 				var checkbox = $('[name=receipt_number_check]');
-				publishCommon.longMousePressCheck(checkbox, 300);
+				if($(this).is(":checked") !== true){
+					checkbox.prop("checked",false);
+				}else{
+					publishCommon.longMousePressCheck(checkbox, 100);
+				}
 			});
+			
+			onlongclick(".btn_check_one", 100, function (e) {
+				var checkbox = $('[name=receipt_number_check]');
+				publishCommon.longMousePressCheck(checkbox, 100, $(".btn_check_one"));
+			});
+			
 
 			$(".btn_check_one").click(function(){
 				var checkbox = $('[name=receipt_number_check]');
@@ -1339,7 +1349,7 @@
 													<div class="put_left">
 													<div class="listType list">
 														<ul class="thead_ul table_ul">
-															<li></li>
+															<li><div class="input_wrap"><input type="checkbox" id="checkAll" name="receipt_number_check"></div></li>
 															<li>
 																번호
 																<button type="button" class="btn_sort_up"><img src="/publish/images/sortUp.png"></button>