使用jQuery檢查複選框值時出錯

Question

嗯，標題可能看起來很模糊，但問題對我來說有點新。

我有一個複選框，它使用循環（在php中）設置n次。

<input class="shiftt_class" type="checkbox" name="multiSelect[]" value=""> 

它是這樣設置的。

<?php foreach($depts['shifts'] as $shfts){?> 
    <span> 
    <input class="shiftt_class" type="checkbox" name="multiSelect[]" value="<?php echo $shfts['shift_id'];?>"> 

    <select name="nottime<?php echo $shfts['shift_id']; ?>" class="notification_time_class"> 
     <option value="">Set Time</option>      
     <option value="11:00" >11:00</option>        
     <option value="12:00" >12:00</option>      
     <option value="13:00">13:00</option>       
     </select>      
    </span> 
<?php }?> 

然後在按鈕上單擊，我tryna設置基於JSON響應選擇的複選框我使用jQuery。

我的JSON響應：

[{"shift_id":"2"},{"shift_id":"3"}] 

jQuery代碼：

如果shifts是我的JSON響應，然後

  if(shifts.length>0) 
      { 
      $.each(shifts,function(index,shift) 
      { 
        if($(".shiftt_class").val()==shift.shift_id) 
        { 
         alert('ddd'); 
         $(".shiftt_class").prop("checked", true);       
        } 
       });//end of each function 

      } 

我得到的警報工作，但相應的複選框不組。 我得嘗試同樣的方法來設置選擇框。我哪裏做錯了？

UPDATE：我的jQuery函數

 $.ajax({ 
      url: post_url, 
      data:{staff_id : staff_id,csrf_test_name : csrf_token}, 
      type: "POST", 
      dataType: 'json', 
      beforeSend: function (xhr) { 
      //Add your image loader here 
      $('#select_loader').show(); // Ajax Loader Show 
      }, 
      success: function(shifts) 
      { 
       $('#select_loader').hide(); 

       $.each(shifts, function (index, shift) {$('.shiftt_class[value="' + shift.shift_id + '"]').prop("checked", true); 
}); 
      } 
     });//end of ajax 

Answer 1

這個問題是因爲你的.shiftt_class選擇在each()塊被檢索的所有元素。打電話val()這是令人困惑的事情。您應該在迭代中查找.shiftt_class元素，其中value與shift_id匹配。爲此，您可以使用屬性選擇器。試試這個：

$.each(shifts, function (index, shift) { 
    $('.shiftt_class[value="' + shift.shift_id + '"]').prop("checked", true); 
}); 

Example fidddle

還要注意的是length檢查返回的數據是多餘的，因爲環路將不是一個空洞的陣列上執行的反正。