For-each循环通过XSL中的单选按钮

时间:2013-02-21 20:20:46

标签: php html xml xslt radio-button

我遇到了以下问题:我有一个XML文件,我正在使用XSL创建一个HTML文件。在XSL文件中,我有一个for-each循环,它创建了几个单选按钮,当然我只需要检查一个按钮,但是在我打开项目文件夹中的index.php文件后,可以检查所有单选按钮。我怎样才能实现,循环后只能选择一个单选按钮?提前谢谢!

这里是循环中的代码片段:

<div data-role="fieldcontain">
    <fieldset data-role="controlgroup">
        <input type="radio" name="radio-choice" id="radio-choice-3"  />
        <label for="radio-choice-3"><xsl:value-of select="text"/></label>
    </fieldset>
</div>

P.S。我想这是不会改变的ID,每次循环通过代码时都会创建一个独立的单选按钮,显然属性controlgroup不会对按钮进行分组。

2 个答案:

答案 0 :(得分:1)

此转化

<xsl:stylesheet version="1.0"
 xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 <xsl:output omit-xml-declaration="yes" indent="yes"/>
 <xsl:strip-space elements="*"/>

 <xsl:template match="x">
    <div data-role="fieldcontain">
        <fieldset data-role="controlgroup">
            <input type="radio" name="radio-choice" id="radio-choice-{position()}"  />
            <label for="radio-choice-{position()}"><xsl:value-of select="text"/></label>
        </fieldset>
    </div>
 </xsl:template>
</xsl:stylesheet>

应用于以下XML文档(没有提供!!!):

<t>
 <x>
  <text>Choice one</text>
 </x>
 <x>
  <text>Choice two</text>
 </x>
 <x>
  <text>Choice three</text>
 </x>
</t>

会产生想要的正确结果:

<div data-role="fieldcontain">
   <fieldset data-role="controlgroup">
      <input type="radio" name="radio-choice" id="radio-choice-1"/>
      <label for="radio-choice-1">Choice one</label>
   </fieldset>
</div>
<div data-role="fieldcontain">
   <fieldset data-role="controlgroup">
      <input type="radio" name="radio-choice" id="radio-choice-2"/>
      <label for="radio-choice-2">Choice two</label>
   </fieldset>
</div>
<div data-role="fieldcontain">
   <fieldset data-role="controlgroup">
      <input type="radio" name="radio-choice" id="radio-choice-3"/>
      <label for="radio-choice-3">Choice three</label>
   </fieldset>
</div>

并且在浏览器中显示时,任何时候只有一个单选按钮可以处于选中状态。

答案 1 :(得分:0)

为了能够只检查一个单选按钮,所有<input type="radio"/>元素必须具有相同的@name属性。例如:

<input type="radio" name="radio-choice" id="radio-choice-3"/>
<input type="radio" name="radio-choice" id="radio-choice-4"/>