チェックボックスをチェックする方法

Question

私のプロジェクトでは、$('#cenDiv').html(data)はajaxで正常に動作します。次に、selAllAttIdというチェックボックスをクリックして何かをしたいと思います。

私はonclick="selAllAtt()"を使用する場合は

、および selAllAtt()メソッドが正常に呼び出されますが、 $(this).attr("checked")は selAllAtt()方法を終えた後、常に真であるとなったことができますので、 $(this).attr("checked")は常に偽であると alert("checked")は常に動作することはできません。

だから別の方法で変更したい$('#selAllAttId').on("change",function(){})しかし、不運なことに、alert("test)は動作しません。誰が私を助けられるか？ここで

はjsのコードです：

<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> 

oat.phpのコードです：

echo '<td style="color:Maroon" bgcolor="#888888"> 
     <input type="checkbox" id="selAllAttId" onclick="selAllAtt()"> 
     <b>Num</b> 
     </td>'; 

Answer 1

あなたはこのようなネイティブのHTMLノードを使用することができます

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