0
我不知道这是否可能,但我有一个页面,其中有2个问题和2个单选按钮(是和否)。当我不显示时清除所有的表格
只有一个'是'单选按钮可以被选择,然后这个预先选择'否'单选按钮来解决另一个问题。这是使用JavaScript并且工作正常。
我的问题是,如果用户选择'是'的问题,我的隐藏部分显示,并且用户输入一个条目并点击'添加'按钮,这填充我的表,但如果用户然后选择'是'问题重新隐藏我的<div>
(这是正确的),但如果他们接着选择'是'来回答另一个问题,那么该部分将被重新显示,并且<table>
仍然具有前一条目。有没有办法在选择 '否'
HTML代码,将其删除:
Template template = new Template();
template.Nvc.Add("[!YesRadioButton]", Html.RadioButton("TransferISA_RadioButton", "Yes", ViewData["TransferISA_Yes"].Equals(true), new { id = "TranYes", onclick = "CheckRadioOptions(this,'TransferIsa_Cell','No');", onchange = "oneSelection()", title = "To select 'Yes', 'No' has to be selected for a Child Trust Fund transfer in." }).ToHtmlString());
template.Nvc.Add("[!NoRadioButton]", Html.RadioButton("TransferISA_RadioButton", "No", ViewData["TransferISA_No"].Equals(true), new { id = "TranNo", onclick = "CheckRadioOptions(this,'TransferIsa_Cell','No');", onchange = "oneSelection()" }).ToHtmlString());
template.Nvc.Add("[!TranErrorMsg]", (Html.ValidationMessage("TransferISA_RadioButton") != null) ? Html.ValidationMessage("TransferISA_RadioButton").ToHtmlString() : "");
template.HtmlTemplate = cmsText.Text;
if (app.IsChild)
{
template.Nvc.Add("[!CTFYesRadioButton]", Html.RadioButton("CTF_RadioButton", "Yes", ViewData["CTF_Yes"].Equals(true), new { id = "CTFYes", onclick = "CheckRadioOptions(this,'TransferIsa_Cell','No');", onchange = "oneSelection()", title = "To select 'Yes', 'No' has to be selected for a Junior ISA transfer in." }).ToHtmlString());
template.Nvc.Add("[!CTFNoRadioButton]", Html.RadioButton("CTF_RadioButton", "No", ViewData["CTF_No"].Equals(true), new { id = "CTFNo", onclick = "CheckRadioOptions(this,'TransferIsa_Cell','No');", onchange = "oneSelection()" }).ToHtmlString());
template.Nvc.Add("[!CTFErrorMsg]", (Html.ValidationMessage("CTF_RadioButton") != null) ? Html.ValidationMessage("CTF_RadioButton").ToHtmlString() : "");
template.HtmlTemplate = cmsText.Info_Text;
}
的JavaScript:
function CheckRadioOptions(obj, layers, showValue) {
if (obj == document.getElementById("CTFYes"))
{
document.getElementById("Transfer").style.display = "none";
document.getElementById("CTF").style.display = "block";
}
else
{
document.getElementById("Transfer").style.display = "block";
document.getElementById("CTF").style.display = "none";
}
if (obj != null) {
var value = "";
for (var i = 0; i < obj.length; i++) { if (obj[i].checked) { value = obj[i].value; } }
if (value == "") { value = obj.value; }
if (value == showValue) { HideLayers(layers); } else { ShowLayers(layers); }
}
}
function oneSelection() {
if (document.getElementById("TranYes").checked == true) {
document.getElementById("CTFYes").disabled = true;
document.getElementById("CTFNo").checked = true;
}
if (document.getElementById("CTFYes").checked == true) {
document.getElementById("TranYes").disabled = true;
document.getElementById("TranNo").checked = true;
}
if (document.getElementById("TranNo").checked == true) {
document.getElementById("CTFYes").disabled = false;
}
if (document.getElementById("CTFNo").checked == true) {
document.getElementById("TranYes").disabled = false;
}
}
我还没有加入我的HTML我隐藏<div>
因为它有大量的,但下面是整个页面显示隐藏的<div>
和表填充。