Fill in the value of the select field using the enabled checkbox

Question

But, it only saves lineatura1 and changes lineatura10, lineatura11 and lineatura12.

This is the current code

Code:

function check_uncheck_checkbox(isChecked, lineatura1) {
  if(isChecked) {
$('input[name="cor1"]').each(function() { 
  this.checked = true;
  $('[name^="lineatura1"]').val(lineatura1);
});
  } else {
$('input[name="cor1"]').each(function() {
  this.checked = false;
  $('[name^="lineatura1"]').val(null);
});
  }

  if(isChecked) {
$('input[name="cor2"]').each(function() { 
  this.checked = true;
  $('[name^="lineatura2"]').val(lineatura2);
});
  } else {
$('input[name="cor2"]').each(function() {
  this.checked = false;
  $('[name^="lineatura2"]').val(null);
});
  }

  if(isChecked) {
$('input[name="cor3"]').each(function() { 
  this.checked = true;
  $('[name^="lineatura3"]').val(lineatura3);
});
  } else {
$('input[name="cor3"]').each(function() {
  this.checked = false;
  $('[name^="lineatura3"]').val(null);
});
  }

  if(isChecked) {
$('input[name="cor4"]').each(function() { 
  this.checked = true;
  $('[name^="lineatura4"]').val(lineatura4);
});
  } else {
$('input[name="cor4"]').each(function() {
  this.checked = false;
  $('[name^="lineatura4"]').val(null);
});
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
                                    <div class="span12" style="padding: 1%; margin-left: 0">

                                <legend>Cores Padrão </legend>
                                <input type="checkbox" name="checkall" id="checkall" onClick="check_uncheck_checkbox(this.checked, 52);"/> CMYK</div>
                                </div>
<div id="divCheckAll" class="span12" style="padding: 1%; margin-left: 0">
                                    <div class="span2">
                                        <h4>CYAN</h4>
                                        <img src= "/images/cor-01.jpg"  width="57" height="27">
                                        <input type="checkbox" name="cor1" value="CYAN" />
                                        <label for="lineatura1">Lineatura<span class="required"></span></label>
                                        <select class="span6" name="lineatura1" id="lineatura1" value="">
                                        <option value="">Selecione</option>
                                        <option value="52">52</option>
                                        <option value="42">42</option>
                                        </select>
                                    </div>

                                    <div class="span2">
                                        <h4>MAGENTA</h4>
                                        <img src= "/images/cor-02.jpg"  width="57" height="27">
                                        <input type="checkbox" name="cor2" value="MAGENTA" />
                                        <label for="lineatura2">Lineatura<span class="required"></span></label>
                                        <select class="span6" name="lineatura2" id="lineatura2" value="">
                                        <option value="">Selecione</option>
                                        <option value="52">52</option>
                                        <option value="42">42</option>
                                        </select> 
                                    </div>

                                    <div class="span2">
                                        <h4>YELLOW</h4>
                                        <img src= "/images/cor-03.jpg"  width="57" height="27">
                                        <input type="checkbox" name="cor3" value="YELLOW" />
                                        <label for="lineatura3">Lineatura<span class="required"></span></label>
                                        <select class="span6" name="lineatura3" id="lineatura3" value="">
                                        <option value="">Selecione</option>
                                        <option value="52">52</option>
                                        <option value="42">42</option>
                                        </select> 
                                    </div>
                                    
                                    <div class="span2">
                                        <h4>BLACK</h4>
                                        <img src= "/images/cor-04.jpg"  width="57" height="27">
                                        <input type="checkbox" name="cor4" value="BLACK" />
                                        <label for="lineatura4">Lineatura<span class="required"></span></label>
                                        <select class="span6" name="lineatura4" id="lineatura4" value="">
                                        <option value="">Selecione</option>
                                        <option value="52">52</option>
                                        <option value="42">42</option>
                                        </select>
                                    </div>

Answer 1

Just change the html field to the type select. And then create an element with createElement and add to select with appendChild.

function add(value){
  var resultado = document.getElementById('resultado');
  option = document.createElement('option');
  option.textContent = value;
  
  resultado.appendChild(option)
}

<div class="form-group col-md-7">
        <label class="checkbox-inline"><input onclick="add(value)" type="checkbox" value="Laranja">Laranja</label>
        <label class="checkbox-inline"><input onclick="add(value)" type="checkbox" value="Uva">Uva</label>
        <label class="checkbox-inline"><input onclick="add(value)" type="checkbox" value="Banana">Banana</label>
    </div>
    <select id="resultado">
    </select>

Answer 2

The 52 value can be passed by argument if you use the function at another time. How the next names of the select tags should follow the sequence lineatura you can put as per the code below:

function check_uncheck_checkbox(isChecked, lineatura) {
  if(isChecked) {
    $('input[name="language"]').each(function() { 
      this.checked = true;
      $('[name^="lineatura"]').val(lineatura);
    });
  } else {
    $('input[name="language"]').each(function() {
      this.checked = false;
      $('[name^="lineatura"]').val(null);
    });
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="span12" style="padding: 1%; margin-left: 0">
  <legend>Cores Padrão </legend>
  <input type="checkbox" name="checkall" id="checkall" onClick="check_uncheck_checkbox(this.checked, 52);"/>CMYK</div>
</div>
<div id="divCheckAll" class="span12" style="padding: 1%; margin-left: 0">
  <div class="span2">
    <h4>CYAN</h4>
    <img src= "/images/cor-01.jpg"  width="57" height="27">
    <input type="checkbox" name="language" value="CYAN" />
    <label for="lineatura1">Lineatura<span class="required"></span></label>
    <select class="span6" name="lineatura1" id="lineatura1" value="">
    <option value="">Selecione</option>
    <option value="52">52</option>
    <option value="42">42</option>
    </select>
  </div>
</div>