使用XSL onclick复选框显示或隐藏xml元素

时间:2013-06-04 05:33:14

标签: javascript html xml xslt

我是XSLT的新手。我试图在单击复选框时隐藏XML元素的内容。

这是我的XML

<ilr>
  <seat>
    <loadcases>
      <loadcase id="a">
        <name>1G </name>
        <occ>
          <oc id="ab">
            <name>abc</abc>
          </oc>
        </occ>
      </loadcase>
      <loadcases>
        <loadcase id="a">
          <name>25G Fwd</name>
          <occ>
            <oc id="ab">
              <name>abc</abc>
            </oc>
          </occ>
        </loadcase>
      </loadcases>
  </seat>
</ilr>

我编写了一个XSLT样式表,它将显示loadcase名称的复选框。即,1G25G Fwd都默认点击。

这是我的XSLT

<xsl:template match="/ilr/seat/loadcases">
  <table width="100%" border="1" cellpadding="2" cellspacing="0 bgcolor="#FFFFFF">  
    <tr>
      <th>Load case</th>
    </tr>
    <tr>
      <td>
        <xsl:for-each select="./loadcase">
          <input type="checkbox" checked="true" />
          <xsl:value-of select="name"/>
        </xsl:for-each>
      </td>
    </tr>
  </table>
</xsl:template>

loadcase元素的所有内容都会在页面加载时显示。现在我想只显示基于复选框点击的内容。如果未选中复选框,我想隐藏元素。

非常感谢任何帮助。

0 个答案:

没有答案