如何使用javascript显示面板? [英] how to display panel using javascript?

问题描述

大家好.
当我单击单选按钮列表项时，我想显示面板.我写了这样的代码.我在radibuttonlist onclick中调用了此函数.我将面板隐藏在另一个函数中.

Hi All.
I want to display Panel when i clicked on radio button list item. I wrote code like this .and i called this function in radibuttonlist onclick.I hide panel in another function.

function displaypanel()
{

   var pnltlmapobj=document.getElementById('<%=rbtntlmapyn.ClientID%>');
   var pnltlmap= pnltlmapobj.getElementsByTagName('input');

   if(pnltlmap.item(0).checked==true)
   {
      document.getElementByID('pnltlmapping').style.display = 'block';

   }

}

谢谢&问候
Hari

Thanks & Regards
Hari

推荐答案

您可以在单个函数中同时执行这两项操作.
使用以下代码:

you can do both action in single function.
use below code :

function DisplayHidePanel(RadioButtonListId, PanelId) {
           var radio = document.getElementsByName(RadioButtonListId);
           if (radio.length > 0) {
               for (var j = 0; j < radio[0].cells.length; j++) {
                   for (var k = 0; k < radio[0].cells[j].children.length; k++) {
                       if (radio[0].cells[j].children[k].checked == true &&               radio[0].cells[j].innerText == "Yes") {
                           document.getElementById(PanelId).style.display =  "block";
                       }
                       else if (radio[0].cells[j].children[k].checked == true  && radio[0].cells[j].innerText == "No") {
                           document.getElementById(PanelId).style.display = "none";
                       }
                   }
               }
           }
       }

这是我的答案.我明白了.

This is My Answer.I got it.

function displaypanel()
{
   var pnltlmapobj=document.getElementById('<%=rbtntlmapyn.ClientId%>');
   var pnltlmap= pnltlmapobj.getElementsByTagName('input');
   if(pnltlmap.item(0).checked==true) {
      //pnltlmap.item(0).checked=true;
      document.getElementById('<%=pnltlmapping.ClientId%>')
         .style.display="block";
   }
   else {
      //pnltlmap.item(1).checked=true;
      document.getElementById('<%=pnltlmapping.ClientId%>')
         .style.display="none";
   }
   return false;
}

这篇关于如何使用javascript显示面板?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！