2012-04-24 11 views
1

私はバスの座席選択でプロジェクトを行っています。私はプロジェクトの途中です。 私はバスの座席配置を顧客に示しています。ユーザーが選択されていない座席をクリックすると、座席は色付き(つまり、選択済み)で表示され、選択された座席の値もユーザーに表示されます。 ユーザーが選択したシートを選択解除すると、シートは選択解除され、前のステージに戻りますが、その選択されたシートの値は削除されません。 コードをご覧ください。画像の値をクリックして隠すためのjquery

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

ソリューション にこのコードを見つけてください$(cssSelector).html()だけの価値、$(cssSelector).html(value)セットそれを取得しながら、ちょうどredbus.in

答えて

1

<div class="seatno">12,34,23,45,</div>?番号23を削除しますか?

var rmv = $(".seatno").html(); 
var id2rmv = 23; 

rmv = rmv.split(id2rmv + ',').join(''); 

alert(rmv); 
0

よう

var rmv = $(".seatno").html(""); 

var rmv = $(".seatno").html(); 

を交換していますたとえ空文字列であっても - ""。

+0

選択解除された値を見つけて削除する必要があります。たとえば、

12,34,23,45,
値23を削除する必要があります。 – azarmfa

関連する問題