체크박스 선택시 배열 추가 push

<input type="hidden" name="insol_no">
<input type="text" name="gd_name" id="gd_name" style="border:0; padding:0;" readonly>


<label for="insol_no1>" id="insol1" style="width:80px; height:30px; line-height:30px; margin:0 auto; text-align:center; background-color:gray; color:#fff; cursor:pointer; border-radius:5px; display:block;" onclick="colorf('insol<?=$i?>')">선택</label>
<input type="checkbox" id="insol_no1" name="insol_no[]" value="123,홍길동1" style="display:none;" onchange="guide_list()">

<label for="insol_no2>" id="insol2" style="width:80px; height:30px; line-height:30px; margin:0 auto; text-align:center; background-color:gray; color:#fff; cursor:pointer; border-radius:5px; display:block;" onclick="colorf('insol<?=$i?>')">선택</label>
<input type="checkbox" id="insol_no1" name="insol_no[]" value="124,홍길동2" style="display:none;" onchange="guide_list()">

<label for="insol_no3>" id="insol3" style="width:80px; height:30px; line-height:30px; margin:0 auto; text-align:center; background-color:gray; color:#fff; cursor:pointer; border-radius:5px; display:block;" onclick="colorf('insol<?=$i?>')">선택</label>
<input type="checkbox" id="insol_no1" name="insol_no[]" value="125,홍길동3" style="display:none;" onchange="guide_list()">

function guide_list(){
	
		//가이드 이름, no 추가
		const f = document.form1111;
		const f2 = document.form2222;
		let arr0 = [];
		let arr1 = [];
		$('input[name="insol_no[]"]:checked').each(function(index) { 
			const value = $(this).val();
			const valit = value.split(',');
			arr0.push(valit[0]); 
			arr1.push(valit[1]); 
		});

		f2.insol_no.value = arr0;//no
		f.gd_name.value = arr1;//이름
		
	}

	function colorf(id){
		const pid = $('#'+id);
		const fcolor = pid.css('background-color');
		if(fcolor=='rgb(128, 128, 128)'){
			pid.css('background-color','#5fabbc');
		}else{
			pid.css('background-color','rgb(128, 128, 128)');
		}
	}

버튼 선택시 input:hidden 값에 key값추가 하고, 보이는 리스트에는 이름추가하기