Using XSL to Render and Toggle Selected Radio Button or Selected Checkboxes

[JiaPei Jen]

I have simple input textfields rendered without problem. Could anybody help me with an example to render radio buttons as well as checkboxes using XSL?

My data are in an XML file:

<root id="f0" action="" className="viewPropertyTO">
    .....
    .....
    <page1>
        <!-- Below is a radio button example -->
        <everMarried id="f3" undo="^">false</everMarried>
        <!-- Below is a checkboxes example --> 
        <apple id="f4" undo="^" />
        <orange id="f5" undo="^" />
        <banana id="f6" undo="^" />
        <pear id="f7" undo="^" />
    </page1>
</root>

When rendering to HTML using XSL, I would like to have the "everMarried" default to "NO" and all fruits default to "selected".

Users can toggle the radio buttons and checkboxes and submit the selections.

I have a XSL file like:

<?xml version="1.0" encoding="utf-8"?>
 
<xsl:stylesheet version="1.0" xmlns:msxsl="urn:schemas-microsoft-com:xslt" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:variable name="currentBlocks" select="/root/viewHelper/blocks"/>
<xsl:variable name="curSelection" select="/root"/>
        .....
 
<xsl:template match="/">
<div id="screenBlock">
<xsl:for-each select="$currentBlocks/block">
<xsl:variable name="currentBlock" select="." />
<xsl:choose>
<xsl:when test="$currentBlock='selectionBlock'">
<xsl:call-template name="selectionBlock">
</xsl:call-template>
</xsl:when>
                                </xsl:choose>
                        </xsl:for-each>
                </div>
        </xsl:template>
 
<xsl:template name="selectionBlock">
<div id="selectionBlock">
    <input type="radio" 
   id="{$curSelection/everMarried/@id}" 
                           value="true" /> Yes
    <input type="radio" 
   id="{$curSelection/everMarried/@id}" 
                           value="false" /> No
 
    <input type="checkbox" 
   id="{$curSelection/apple/@id}" 
                           value="{$curSelection/apple}" />
    <input type="radio" 
   id="{$curSelection/orange/@id}" 
                           value="{$curSelection/orange}" />
    <input type="checkbox" 
   id="{$curSelection/banana/@id}" 
                           value="{$curSelection/banana}" />
    <input type="radio" 
   id="{$curSelection/pear/@id}" 
                           value="{$curSelection/pear}" />
 
                </div>
        </xsl:template>
</xsl>

[ January 11, 2008: Message edited by: JiaPei Jen ]

[Paul Clapham]

You haven't shown the HTML you want to generate for one of those components. Designing the HTML would be the first step in the process.