次の関数がありますが、jquery を使用して単純化するにはどうすればよいですか?
function updateCards(){
var form = document.getElementById("sets");
var chks = form.querySelectorAll('input[type="checkbox"]');
var checked = [];
for(var i = 0; i < chks.length; i++){
if(chks[i].checked){
checked.push(chks[i].value)
}
}
// test code
//alert("SELECTED SETS:"+checked);
if (checked == ""){
document.getElementById("all-cards").innerHTML = "";
return;
}
if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else { // code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState == 4 && xmlhttp.status == 200){
document.getElementById("all-cards").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","update_cards.php?sets="+checked, true);
xmlhttp.send();
}