Question

我正在使用XSL，并尝试获取模板以根据无线电点击更改外观。这是我的xsl：

    <xsl:template name="process">
       <div id="option1" style="display:none"/>
           <tr>
              <b> Processing Option 1 </b>
           </tr>
       </div>
       <div id="option2"/>
           <tr>
              <b> Processing Option 2 </b>
           </tr>
       </div>
    </xsl:template>

我如何访问两个不同的<div>？我的目的是通过按钮访问这两个不同的<div>;单击一个按钮时，模板将显示选项1，单击另一个按钮时，将显示选项2.

我已经设置了按钮，但我不知道如何访问这些按钮并将它们从display：none，display：block，以及display：block，display：none切换。

请让我知道我能做些什么。谢谢！

Answer 1

我正在使用XSL，并试图获取模板以根据无线电点击更改外观。

这应该可以解决问题：

<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="hide-show.xml"?>

<xsl:stylesheet version="1.0"
                xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
                xmlns="http://www.w3.org/1999/xhtml"
                >
<xsl:output method="xml" encoding="utf-8" version="" indent="yes" standalone="no" media-type="text/html" omit-xml-declaration="no" doctype-system="about:legacy-compat" />

<xsl:template match="xsl:stylesheet">
  <xsl:apply-templates/>
</xsl:template>

<xsl:template match="/">
  <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
      <style>
        .folder input[type='radio']:checked + blockquote { display: block; }
        .folder input[type='radio']  + blockquote { display: none; }
      </style>
    </head>
    <body>
    <div class="folder">
        <div>Blue
        <input type="radio" name="color"/>
        <blockquote>hi</blockquote>
        </div>
        <div>Red
        <input type="radio" name="color"/>
        <blockquote>bye</blockquote>
        </div>
    </div>
    </body>
  </html>
</xsl:template>

</xsl:stylesheet>

此自包含样式表在保存为hide-show.xml时有效。

引用<xsl：template>中的<div>

1 个答案: