2015-03-02 67 views
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>和表填充。

enter image description here

回答

0

所需在我的代码添加此背后

app.Application.Products.IsaDetails.IsaTransfers.Clear();

相关问题