2017-09-01 51 views
0

我想在選中複選框後添加一個類。 $I值來自數據庫。 var a=user<?php echo $i; ?>;這是顯示適當的值,我不能傳遞給Jquery將該類添加到li標記。即使我試過雙引號("." +a)如何使用JavaScript變量來jQuery?

你能幫我嗎?

<style type="text/css"> 
.redBackground{ 
    background: red; 
} 
</style> 

<ul class="peers"> 
<?php 
    $i=0; 
    while($userdata=$usertype1->fetch_assoc()){ 
     $compare_u=$userdata['Id']; 
    ?> 
     <li class="user<?php echo $i; ?> lazyloadhide"> 
      <input type="checkbox" name="checkbox1" id="checkbox1"> 
     </li> 
<?php $i++;}?> 
</ul> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 
    var a=user<?php echo $i; ?>; 
    $('input[type=checkbox]').click(function() { 
     if ($('input[type=checkbox]').is(":checked")) { 
      $('.' +a).addClass('redBackground'); 
     } else { 
      $('.' +a).removeClass('redBackground'); 
     } 
    }); 
}); 
</script> 
+0

你肯定行'VAR一個=用戶;'將正確的值存儲到變量'a'中? –

+0

是的,奈拉夫先生,我正在獲得適當的價值。 –

+5

String需要引號'var a ='user <?php echo $ i; ';';' – JYoThI

回答

1

 $(document).ready(function() { 
 
         $(".user").each(function(){ 
 
      $(this).click(function() { 
 
      if ($(this).is(":checked")) { 
 
       alert("checked"); 
 
       $(this).addClass('redBackground'); 
 
      } else { 
 
       alert("unchecked"); 
 
       $(this).removeClass('redBackground'); 
 
      } 
 
     }); 
 
    }); 
 
          }); 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <input type="checkbox" class="user">A 
 
    <br> 
 
<input type="checkbox" class="user">B

+0

無法檢查您的輸出。 –

+0

@NarendraVerma - 立即嘗試。 –