[英]Cancel button HTML jQuery
嗨,由於這個取消按鈕的問題,我被當前的工作困住了。
在這里,我將通過一些屏幕短褲來說明我的問題
當我點擊第一個單選按鈕[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>
我只是新來者,因此請提供一些寶貴意見的指導
您需要告訴瀏覽器顯示“變量”單選按鈕選項,並隱藏“ addmore”和“取消”按鈕。
更改與取消按鈕關聯的點擊事件
$("#rmvmrr").click(function() {
$("#mytable").remove();
return false;
});
至
$("#rmvmrr").click(function() {
$("#mytable").remove();
$("#faderad").show();
$("#getmrr").hide();
$("#rmvmrr").hide();
return false;
});
這里的工作示例
我認為
$("#rmvmrr").click(function() {
$("#mytable").remove();
return false;
});
至:
$("#rmvmrr").click(function() {
$("#mytable").hide();
return false;
});
會把它藏起來
如果要刪除它:我想說,由於按鈕不在標簽內,所以將它們上移到表中,然后說:
$("#myTable").html("");
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.