Fatal编程技术网

Javascript 取消按钮HTML jQuery

javascript jquery html

Javascript 取消按钮HTML jQuery,javascript,jquery,html,Javascript,Jquery,Html,嗨，由于这个取消按钮的问题，我被当前的工作困住了 在这里，我将解释我的一些屏幕短裤的问题 这是我单击第一个单选按钮[Unique]时的第一页，它将转到此页 在这里，我想当我点击取消按钮，它会回到第一个屏幕短，但当我点击它像dis 这是完整的代码 <head> <meta charset="utf-8" /> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/sm

嗨，由于这个取消按钮的问题，我被当前的工作困住了

在这里，我将解释我的一些屏幕短裤的问题

这是我单击第一个单选按钮[Unique]时的第一页，它将转到此页

在这里，我想当我点击取消按钮，它会回到第一个屏幕短，但当我点击它像dis

这是完整的代码

   <head>
  <meta charset="utf-8" />

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-
 ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
 <style>
     .raddiv{
        height: 30px;        
     }
    .sitehtn{
     display: none
            }        

    .container       
     {
    width: 100%;
    height: 600px;
    background-color: rgb(179, 174, 174);        
     }

    #datepickerT
    {
    margin-left: 2em;
    }

    .eventDateDiv
    {
    height: 150px;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    }
    #daysBetween
    {
    margin-top: -1.4em;
    margin-left: 30%;
    }
    .eventShowDiv
    {
    height: 306px;
     width: 65%;
    margin-left: auto;
    margin-right: auto;

    }
    .event{
    color: green;
    margin-top: 5px;}
  </style>
   <script>
          $(function() {
        $( "#datepickerF" ).datepicker({
            showOn: "button",
           buttonImage: "calendar.gif",
          buttonImageOnly: true
        });

   $( "#datepickerT" ).datepicker({
              showOn: "button",
            buttonImageOnly: true
         });
$('#getdays').click(function() {
     var start = $('#datepickerF').datepicker('getDate');
       var end   = $('#datepickerT').datepicker('getDate');
      var days   = (end - start)/1000/60/60/24;
      document.getElementById("daysBetween").innerText=days;

           });

    $(".radioBtn").click(function() {
    $(".textBox").hide();
    if ($(this).attr("id") == "courtierRadio") {
    $("#faderad").fadeOut();
   var is= $("#txt1, #txt2,#txt3,#getmrr,#rmvmrr")
   is.show();

    } else if ($(this).attr("id") == "agenceRadio") {
         $("#fadfirst").fadeOut();
     var vs=$("#txt5,#txt6,#txt7,#txt8").show();
     vs.show();
    }   

    });
       $("#getmrr").click(function() {
      $('#mytable tbody>tr:last').clone(true).insertAfter('#mytable tbody>tr:last');
      return false;

    });
    $("#rmvmrr").click(function() {

      $("#mytable").remove();

      return false;

    });
      function myFunction()
       {
       $("#getmrr").append(is);
        }
      });

      </script>
              </head>
       <body>
     <div class="container">

        <div class="eventDateDiv">
            <div class="event">
                EVENT DATE
            </div>

            <p>FROM: <input type="text" id="datepickerF" /></p>
            <p>To: <input type="text" id="datepickerT" /></p>


            <button id="getdays">NO.OF DAYS </button>
            <p id="daysBetween"> </p>

        </div> 
        <div class="eventShowDiv">
            <div class="event">
                EVENT SHOW TIME
            </div>
            <p>TYPE OF SHOW: </p>
     <div id="fadfirst" class="raddiv">         
               <label>
      <input type="radio" name="sitewebGroup" value="Courtier" id="courtierRadio" 
    class="radioBtn" />Unique
   </label>
      <table id="mytable" width="500" >
   <tbody>
   <tr>
<td>
     <input type="text" name="site" class="sitehtn" id="txt1" />
     <input type="text" name="site" class="sitehtn" id="txt2" />
      <input type="text" name="site" class="sitehtn" id="txt3" />
  </td>
     </tr>
  </tbody>
      </table>
       <button id="getmrr" class="sitehtn" >addmore</button>
       <button id="rmvmrr" class="sitehtn" >Cancel</button>

     <br />
     </div>
   <div id="faderad">
        <label>
      <input type="radio" name="sitewebGroup" value="Agence" id="agenceRadio" 
    class="radioBtn" />
     Varied
    </label>

   <input type="text" name="textfield3" class="sitehtn" />

        <input type="text" name="textfield" class="sitehtn" id="txt5" />   
          <input type="text" name="textfield" class="sitehtn" id="txt6" />  
         <input type="text" name="textfield" class="sitehtn" id="txt7" />   
            <input type="text" name="textfield" class="sitehtn" id="txt8" />             
</div>                  
        </div> 
    </div> 
       </body>
        </html>


拉迪夫先生{
高度：30px；
}
斯泰特先生{
显示：无
}        
.集装箱
{
宽度：100%；
高度：600px；
背景色：rgb（179174174）；
}
#达特皮克特
{
左边距：2米；
}
.eventDateDiv
{
高度：150像素；
宽度：65%；
左边距：自动；
右边距：自动；
}
#白天
{
保证金顶部：-1.4em；
左缘：30%；
}
.eventShowDiv
{
高度：306px；
宽度：65%；
左边距：自动；
右边距：自动；
}
.事件{
颜色：绿色；
页边距顶部：5px；}
$（函数（）{
$（“#datepickerF”）.datepicker({
展示：“按钮”，
buttonImage:“calendar.gif”，
buttonImageOnly:true
});
$（“#datepickerT”）.datepicker({
展示：“按钮”，
buttonImageOnly:true
});
$（'#getdays'）。单击（函数（）{
var start=$（'#datepickerF'）。datepicker（'getDate'）；
var end=$（'#datepickerT'）。datepicker（'getDate'）；
风险值天数=（结束-开始）/1000/60/60/24；
document.getElementById（“daysBetween”）.innerText=days；
});
$（“.radioBtn”）。单击（函数（）{
$（“.textBox”）.hide（）；
if（$（this.attr（“id”）=“courtierRadio”）{
$（“#faderad”）.fadeOut（）；
var为=$（“#txt1，#txt2，#txt3，#getmrr，#rmvmrr”）
is.show（）；
}else if（$（this.attr（“id”）=“agencradio”）{
$（“#fadfirst”）.fadeOut（）；
var vs=$（“#txt5，#txt6，#txt7，#txt8”）.show（）；
vs.show（）；
}   
});
$（“#getmrr”）。单击（函数（）{
$（'#mytable tbody>tr:last'）.clone（true）.insertAfter（'#mytable tbody>tr:last'）；
返回false；
});
$（“#rmvmrr”）。单击（函数（）{
$（“#mytable”）.remove（）；
返回false；
});
函数myFunction（）
{
$（“#getmrr”）.append（is）；
}
});
活动日期
发件人：

致：

天数


活动表演时间
节目类型：

独特的
阿德莫尔
取消


多种多样的
我只是一个新手，所以请提供一些有价值的评论作为指导

我认为

$("#rmvmrr").click(function() {

      $("#mytable").remove();

      return false;

    });
致：

我会用诡计把它藏起来

如果要删除它，请执行以下操作： 我会说，将按钮向上移动到表中，因为它们不在标签中，然后说：

$("#myTable").html("");
我认为

$("#rmvmrr").click(function() {

      $("#mytable").remove();

      return false;

    });
致：

我会用诡计把它藏起来

如果要删除它，请执行以下操作： 我会说，将按钮向上移动到表中，因为它们不在标签中，然后说：

$("#myTable").html("");
您需要告诉浏览器显示“可变”单选按钮选项，并隐藏“添加更多”和“取消”按钮

从更改与“取消”按钮关联的单击事件

$("#rmvmrr").click(function() {

   $("#mytable").remove();

   return false;

});
到

工作示例

您需要告诉浏览器显示“可变”单选按钮选项，并隐藏“添加更多”和“取消”按钮

从更改与“取消”按钮关联的单击事件

$("#rmvmrr").click(function() {

   $("#mytable").remove();

   return false;

});
到

工作示例

：感谢您的快速回放我用您的代码编辑了我的代码，但它仍然提供了我在第三个屏幕短片中显示的输出。实际上，我希望当我单击“取消”按钮时，它返回到屏幕短片1.我想无论您需要什么，都可以将两个按钮向上移动几行，使它们保持一致吗在标签前面。让我重新看一下代码，这样我也可以把复选框拿回来！你使用表格有什么原因吗？你能给我一个屏幕上限吗？不，我添加表格，这样当我单击“添加”按钮时，它会再添加一行：谢谢你的快速重播我用你的代码编辑了我的代码，但它仍然给我在第三个屏幕短片中显示的输出。实际上，当我单击“取消”按钮返回到屏幕短1.是否可能我认为无论你需要什么，都要将两个按钮向上移动几行，使它们位于标记之前。让我重新看一下代码，这样我也可以把复选框拿回来！你使用表格有什么原因吗？你能给我一个屏幕上限吗？不，我添加表格，这样当我单击“添加”按钮时，它会再添加一行选择->裁剪图像->另存为；）选择->裁剪图像->另存为；）