Php 如何禁用最后一行第二列onclick&；发出警告信息_Php_Jquery

Php 如何禁用最后一行第二列onclick&；发出警告信息

php jquery

Php 如何禁用最后一行第二列onclick&；发出警告信息,php,jquery,Php,Jquery,我已经为预订制作了这个页面，在这里我有一个表单打开，点击表单打开。但是现在点击最后一行的第二列，我不想打开该表单，而是想要一个警告框。请帮忙 <html><head><title>MRA</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="http://

我已经为预订制作了这个页面，在这里我有一个表单打开，点击表单打开。但是现在点击最后一行的第二列，我不想打开该表单，而是想要一个警告框。请帮忙

<html><head><title>MRA</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
  <script>
  $(document).ready(function() {
   $(".showAlert").click(function(){
   alert("You cannot select this time slot"); 
    });
   var $index;
   var systemdate = new Date();
   $('.meeting-error').hide();
   $(".meeting-timetable tr > td + td").click(function(e) {
   if($(this).hasClass('active')) {
   e.preventDefault();
   alert('The selected time slot has already been assigned');
   } else {
   var $thisVal = $(this).prevAll('td:first-child').text();     
   var hour=$thisVal.substr(0,2);
   var min=$thisVal.substr(3,3);   
   var d = new Date ("<?php print $selecteddate; ?>");
   var n = d.getFullYear();
   var m = d.getDate();
   var k = d.getMonth();
   var userdate=new Date(n,k,m,hour,min,0);
   if( systemdate > userdate )
   {
     alert("Select Time Slot greater than the Current Time");
     return;    
   }
</script>
</head>
<body background="a6.jpg">
<table class="meeting-timetable" border="1" ">
<tr><th id="td" colspan="2" class="calender-date" align="center"><?php print  
$selecteddate; ?></th></tr>
<tr><td id="08:00:00" align="center">08:00</td><td id="td"></td></tr>
<tr><td id="08:30:00" align="center">08:30</td><td id="td"></td></tr>
<tr><td id="09:00:00" align="center">09:00</td><td class="showAlert"  
id="td"></td></tr>
</table>
<form align="center" method="post" id="inform">
<h1 align="center">Meeting Details</h1>
<table>
<tr><td><b>Room : </td><td><input type="text" value="Meeting Room" readonly>   
</td></tr>
<tr><td><b>Name :</td><td><input type="text" readonly value="Ankit"</td>   
</tr>
<tr><td><input type="submit" value="Submit"></td></tr>   
</table>
</form>
</body>
</html>

MRA
$（文档）.ready（函数（）{
$（“.showAlert”）。单击（函数（）{
警报（“您不能选择此时段”）；
});
var$指数；
var systemdate=新日期（）；
$（'.meeting error'）.hide（）；
$（“.会议时间表tr>td+td”）。单击（功能（e）{
if（$（this）.hasClass（'active'））{
e、 预防默认值（）；
警报（“已分配选定的时间段”）；
}否则{
var$thisVal=$（this.prevAll（'td:first child'）.text（）；
变量小时=$thisVal.substr（0,2）；
最小变量=$thisVal.substr（3,3）；
var d=新日期（“”）；
var n=d.getFullYear（）；
var m=d.getDate（）；
var k=d.getMonth（）；
var userdate=新日期（n，k，m，小时，分钟，0）；
如果（系统日期>用户日期）
{
警报（“选择大于当前时间的时隙”）；
返回；
}
很难理解您的代码，下面是一个帮助您实现这一点的示例：
$('table tr td').click(function(e) {
    e.preventDefault();

    var _cellIndex = $(this)[0].cellIndex;
    var _rowIndex = $(this).closest('tr')[0].sectionRowIndex;
    var total_row = $('table tr').length - 1;

    // Match Last row and 2nd column
    if( _rowIndex ==  total_row && _cellIndex == 1 ) {
        // Apply your Design and alert
        alert('Disabled');
    }
});


更新：获得小提琴后，这是我在你的小提琴中实现的：
var _cellIndex = $(this)[0].cellIndex;
var _rowIndex = $(this).closest('tr')[0].sectionRowIndex;
var total_row = $('.meeting-timetable tr').length - 1;
if( _rowIndex ==  total_row && _cellIndex == 1 ) {
    alert('You cannot select this time slot');
}
else $('#plan, #plan-bg').fadeIn();

这是
HTML在哪里？您尝试了什么？这只是代码的一部分。我想要的是，在最后一行的第2列单击时，应该会显示一个警报框。我尝试了此代码$（“.showAlert”）。单击（函数（）{alert（“您无法选择此时间段”）；}）&给出了特定的行该类给出了一个警告框，但单击“确定警告框”时，它显示了我不想要的形式。您确实需要使用一些缩进。我认为在代码易于理解之前，任何人都不会阅读该代码。谢谢您的帮助。但是我修改了代码，并在该特定代码中添加了一个类。它给出了一个n警报框，但单击“确定”按钮时，表单会出现。我不希望在单击警报框的“确定”时出现该表单。@Ankit我检查了你的JS，你不需要添加$（“.showAlert”）。单击（函数（）{
，只需在打开框时选中主单击事件，或提供一个工作小提琴，我将帮助您。这是界面和代码。请检查。在这个界面中，下次单击td时，会出现一个表单，用户需要在其中填写详细信息。但在单击最后一行td时，我希望不会显示一个警告框和表单。@Ankit link for？我已经更新了你的小提琴，并在我的答案中链接到了工作小提琴。@Ankit，很乐意帮助：）