отметьте галочкой флажок и установите флажок в поле «на» jQuery

Question

This - это моя скрипка для выбора из 3. Я хочу, чтобы значение выбранного флажка было on, а значение unchecked - значение off. Я пишу значение по умолчанию off и попытался изменить значение отмеченного на on. Любое предложение ценится

Answer 1

Проблема заключается в том if ($("input[name='resolution[]']:checked")) {, $("input[name='resolution[]']:checked") возвращает объект JQuery, который будет содержать все выбранные флажки с именем resolution[]

Вам нужно

$('#res').click(function() { 
    var resolutiontemp = {}; 
    var resolution = []; 
    $("input[name='resolution[]']").each(function() { 
     this.value = this.checked ? 'on' : 'off'; 
     var resolution = $(this).parent().find('span').text(); 
     resolutiontemp[resolution] = this.value; 
    }) 
    resolution.push(resolutiontemp); 
    console.log(JSON.stringify(resolution)); 
}); 

Демо: Fiddle

Answer 2

Использование ниже фрагмента кода для достижения ожидаемого результата.

HTML

<table> 
    <tr> 
     <td> 
      <input type="checkbox" id="res1" name="resolution[]" class="resolution" value="off"/><span>res 1 </span> 

     </td> 
     <td> 
      <input type="checkbox" id="res2" name="resolution[]" class="resolution" value="off"/><span>res 2</span> 

     </td> 
     <td> 
      <input type="checkbox" id="res3" name="resolution[]" class="resolution" value="off"/><span>res 3</span> 

     </td> 
    </tr> 
      <tr> 
       <td colspan="3"><input type="checkbox" id="selecctall" name=""/><span>Select All</span></td> 

      </tr> 
</table> 

JQuery:

$('#selectall').click(function(event) { //on click 
    var resolutiontemp = {},resolution = []; 
    if(this.checked) { 
     $("input[name='resolution[]'").each(function() { 
      this.checked = true; 
      $(this).prop('value','on'); 
      var resolutionval = $(this).val(); 
      var resolution = $(this).parent().find('span').text(); 
      resolutiontemp[resolution] = resolutionval; 
     }); 
    }else{ 
     $("input[name='resolution[]'").each(function() { 
      this.checked = false; 
      $(this).prop('value','off'); 
      var resolutionval = $(this).val(); 
      var resolution = $(this).parent().find('span').text(); 
      resolutiontemp[resolution] = resolutionval; 
     });   
    } 
    resolution.push(resolutiontemp); 
    console.log(JSON.stringify(resolution)); 
}); 

Fiddle Result