확인란의 값을 숨겨진 필드에 추가/추가

Question

어떤 옵션이 선택되었는지에 따라 네 개의 전자 메일 주소 중 하나를 포함하는 네 개의 확인란과 한 개의 숨김 필드가 있습니다. 해당 확인란을 선택하지 않으면 전자 메일 주소도 숨김 필드에서 제거해야합니다.

나는 그런 기능을 쓰는 방법을 모르고 누군가가 옳은 방향으로 나를 지적 해 주거나 누군가 제게 스크립트를 쓸 수 있기를 바랬습니까? 다음 jQuery를 당신에게 결과를 줄 것이다

<input type="checkbox" name="email[]" value="email1@example.com"> 
<input type="checkbox" name="email[]" value="email2@example.com"> 
<input type="checkbox" name="email[]" value="email3@example.com"> 
<input type="checkbox" name="email[]" value="email4@example.com"> 
<input id="hidden" type="hidden" name="hidden"> 

:

Answer 1

가정하면 다음과 같은 HTML을 가지고있다.

 $(function() { 
     // listen for changes on the checkboxes 
     $('input[name="email[]"]').change(function() { 
      // have an empty array to store the values in 
      let values = []; 
      // check each checked checkbox and store the value in array 
      $.each($('input[name="email[]"]:checked'), function(){ 
       values.push($(this).val()); 
      }); 
      // convert the array to string and store the value in hidden input field 
      $('#hidden').val(values.toString()); 
     }); 
    }); 

이것은 문제를 극복하는 방법에 대한 대략적인 해결책이며 간소화되고 리팩토링 될 수 있습니다. 이것을 개념 증명으로 간주하십시오.