私はこれに非常に近いですが、動的phpとJavascriptを連携させるのに苦労しています。私もここにいます。
<script language="javascript" type="text/javascript">
function exefunction(id){
if (document.getElementById(id).checked == true) {
// Create our XMLHttpRequest object
var hr = new XMLHttpRequest();
// Create some variables we need to send to our PHP file
var url = "update.php";
var id = document.getElementById(id).value
var check = 1;
var vars = "id="+id+"&check="+check;
hr.open("POST", url, true);
// Set content type header information for sending url encoded variables in the request
hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// Access the onreadystatechange event for the XMLHttpRequest object
hr.send(vars); // Actually execute the request
}
else if (document.getElementById(id).checked == false){
// Create our XMLHttpRequest object
var hr = new XMLHttpRequest();
// Create some variables we need to send to our PHP file
var url = "update.php";
var id = document.getElementById(id).value
var check = 0;
var vars = "id="+id+"&check="+check;
hr.open("POST", url, true);
// Set content type header information for sending url encoded variables in the request
hr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
// Access the onreadystatechange event for the XMLHttpRequest object
hr.send(vars); // Actually execute the request
}
</script>
私のphpはデータベースをチェックし、それに応じてチェックボックスを自動チェックします:
if ($checkboxone == 1){
$Trans .='<td width="60">
<input id="'.$id.'" type="checkbox" onClick="exefunction(this.id)" value="'.$id.'" checked /></td>';
}else{
$Trans .='<td width="60"><input id="'.$id.'" type="checkbox" onClick="exefunction(this.id);" value="'.$id.'" /></td>';
}
私がする必要があるのは、チェックボックスがオンまたはオフになっているときにデータベースを更新することです。私が抱えている問題は、チェックボックスの一意のIDをJavaScriptを介して渡すことです。IDを入力してチェックボックスを1つ指定すると、JavaScriptが機能します。
それが理にかなっていることを願っています。