バスの座席選択のプロジェクトをやっています。プロジェクトの途中です。ここで、バスの座席配置を顧客に表示します。ユーザーが選択されていない座席をクリックすると、選択された座席が色付きで表示され、選択された座席の値もユーザーに表示されます。これは正常に機能します。ユーザーが選択した座席の選択を解除すると、座席の選択が解除されて前のステージに戻りますが、値はその選択した座席を削除しません。コードをご覧ください。
<?php
echo "<table>";
for($i=0;$i<5;$i++)
{
echo "<tr>";
for($j=0;$j<12;$j++)
{
echo "<td>";
$k=$i.$j;
?>
<img src="Seat.jpg" id="<?php echo $k; ?>" class="off">
<?php
echo "</td>";
}
echo "</tr>";
}
echo "</table>";
?>
<div class="seatno"></div>
<script type="text/javascript">
$(document).ready(function(){
$("img").click(function(){
var imageid = $(this).attr("id");
if(imageid)
{
if ($(this).hasClass('off'))
{
$(this).attr("src","Seat-availed.jpg").addClass('on').removeClass('off');
$(".seatno").append(imageid+",");
}
else
{
$(this).attr("src","Seat.jpg").removeClass('on').addClass('off');
// $(".seatno").css("color","red");
var editid;
var rmv = $(".seatno").html();
var editid = $(this).attr("id");
var finder = rmv.find(editid);
alert(finder);
}
}
});
});
</script>
解決策を見つけてくださいこのコードはredbus.inのようなものです