Fatal编程技术网
  • jquery/
  • Jquery 仅当条件应用时才选中和取消选中复选框

Jquery 仅当条件应用时才选中和取消选中复选框

jquery

Jquery 仅当条件应用时才选中和取消选中复选框,jquery,Jquery,这是我的密码。当复选框被选中和取消选中时，我试图获得警报 <html> <script src="jquery.min.js"></script> <script> $(document).ready(function(){ $('.checks').change(function(){ var qn=$(this).attr('id'); if($('#

这是我的密码。当复选框被选中和取消选中时，我试图获得警报

 <html>
 <script src="jquery.min.js"></script>    
 <script>
   $(document).ready(function(){
       $('.checks').change(function(){
          var qn=$(this).attr('id');
          if($('#qn').prop('checked',true))
          {         
             alert('question '+qn+' checked');
          }
          else
          {
             alert('question '+qn+' Unchecked');
          }
    
       });
     });
   </script>
   </html>
    <?php
       for($i=1;$i<=5;$i++)
       {
          echo"<input type='checkbox' id='$i' class='checks' />Question-$i<br>";
       }
       ?>


$（文档）.ready（函数（）{
$（'.checks'）.change（函数（）{
var qn=$（this.attr（'id'）；
if（$（'#qn'）.prop（'checked'，true））
{         
警报（“问题”+qn+“已检查”）；
}
其他的
{
警报（“问题”+qn+“未选中”）；
}
});
});
您可以使用
is（“：checked”）
检查复选框是否为check。此外，没有这样的id，即：
$（'#qn'）
存在它应该是
$（'#'+qn）

演示代码：



$（文档）.ready（函数（）{
$（'.checks'）.change（函数（）{
var qn=$（this.attr（'id'）；
//检查是否已检查
if（$（'#'+qn.）.is（“：checked”））{
警报（“问题”+qn+“已检查”）；
}否则{
警报（“问题”+qn+“未选中”）；
}
});
});


问题1

问题2

问题3


问题4
$（“#”+qn）
是对
$（此）
@charlietfl的额外dom查询是的，我同意你的看法。谢谢你的建议：）谢谢你的努力尝试这一行，为了好玩：
$（'.checks'）.change（函数（）{alert（“Question”+this.id+（this.checked？”：“un”）+“checked”）}
；）