2017-09-01 52 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 - 立即尝试。 –