私はhtmlテーブルを持っています.最初の列はチェックボックスのリストです(テーブルの行と同じ数)id="checkbox1", "checkbox2", "checkbox3"
....ボタンをクリックすると(id="modifyLink"
)、最初にチェックされたチェックボックスを見つける必要があります(最初の後にすべて)、モーダル(id="modModal"
)を開き、phpページをロードして、チェックボックスの値を投稿します。
これは私が出てきたものです(明らかに機能していません):
$function(){
$("#modifyLink").click(function(){
var checkbox = 'checkbox1';
for(var i=2; getElementById(checkbox).checked == 1; i++){
checkbox = 'checkbox'.i;
}
if(getElementById(checkbox)==true){
var id = getElementById(checkbox).val();
$(#modModal).modal('show');
$(#modModal).innerhtml = 'load my modal with index.php/trainings/mod passing the id variable possibly in POST';
});
};
私がこれについて完全に間違っている場合、誰かが完全に異なることを提案できますか?
編集:
わかりました、私はこれについてもう少し勉強して、これに行きました:
$(function() {
$("#trainingRow").click(function() {
var id = $("#trainingRow").attr('data-value');
var dataString = 'id='+ id;
$.ajax({
type: "POST",
url: "/index.php/trainings/showDetail",
data: dataString,
dataType: 'json',
success: function(data) {
$("div#detailModal").html(data.html);
$("div#detailModal").modal('show');
}
});
return false;
});
});
しかし、div#detailModal html が更新されないのはなぜですか? PHP関数がvar_dumpを介して返すものと、まさに興味のあるHTMLコードを確認しましたが、なぜそれが機能しないのかわかりません(返された変数はhtmlと呼ばれ、phpですべてをjson_encodeする前に返してください)。ヘッドアップはいいでしょう、私は少し読んで遠くまで行ったと思います:)