如何使复选框检查工作

时间:2017-12-08 02:49:19

标签: javascript php jquery

在我的项目中,$('#cenDiv').html(data)可以在ajax中成功运作。然后我想点击selAllAttId的复选框,然后执行某些操作;

如果我使用onclick="selAllAtt()",并且selAllAtt()方法可以成功调用,但$(this).attr("checked")始终在完成selAllAtt()方法后变为真,那么{{1} }始终为false,$(this).attr("checked")始终无效。

所以我想用alert("checked")改变另一种方式但不幸的是,$('#selAllAttId').on("change",function(){})无效。谁能帮帮我?

这是js代码:

alert("test)

oat.php的代码是:

<script>
$(document).ready(function()
{ 
 $('#selAllAttId').on("change",function(){
  alert("test");//can not work
  });
});


function corpAnn()
{   
 $.ajax({
        dataType:'html',
        type:"POST",
        url:"oat.php",
        data: {oaAnn:oaAnn},
        success:function(data)
        {
            $('#cenDiv').html(data);
        }
      });     
}

 function selAllAtt(){
  alert("checkbox");
  var xzyId=document.getElementById('xzyId');//fetch other table id
  var checked=xzyId.getElementsByTagName('input');//fetch all table checkbox successfully
  if($(this).attr("checked"))//always false.          
  {
    alert("checked");
    for(i=0;i<checked.length;i++)
    {
      checked[i].checked=true;
    }
  }
  else
  {
   alert("delete");
   for(i=0;i<checked.length;i++)
   {
    checked[i].checked=false;
   } 
  }
});
</script>

<div id="cenDiv"></div>

1 个答案:

答案 0 :(得分:2)

您可以像这样使用本机HTML节点:

var checkbox = document.getElementById('selAllAttId');
if(checkbox.checked)          
{
  // do something
}else{
 // do something else
}