使用Jade和Node无法显示复选框

Question

尝试使用复选框选择“男”或“女”。

显示复选框的代码如下：

span(style='display:block;')
    div.
        Sex:
    input(type='radio',id='Male',name='sex',value='Male')
        Male
    input(type='radio',id='Female',name='sex',value='Female')
        Female  

然而，当页面显示时，我得到以下内容：

28 | 性别：
29 | input(type='radio',id='Male',name='sex',value='Male')
> 30 | '男'
31 | input(type='radio',id='Female',name='sex',value='Female')
32 |
33 |

未定义名称

28 | 性别： 29 | input(type='radio',id='Male',name='sex',value='Male')

30 | '男' 31 | input(type='radio',id='Female',name='sex',value='Female') 32 | 33 |

如何使用Jade显示具有两个选项'Male'和'Female'的复选框？

（我尝试在输入行后面放一个“.”，并尝试将Male放入单引号和双引号中）。

- Paul S Chapman

Answer 1

你的问题是不允许将内容移到自闭合标签中，同时由于没有将“标签”进行 管道 处理，所以会出现错误，因此 Jade 认为它们是变量。

请尝试这个:

span(style='display:block;')
    div
        | Sex:
        input(type='radio',id='Male',name='sex',value='Male')
        | Male
        input(type='radio',id='Female',name='sex',value='Female')
        | Female 

产生此HTML的代码为: 作为JSFiddle

<span style="display:block;">
  <div>Sex:
    <input type="radio" id="Male" name="sex" value="Male"/>Male
    <input type="radio" id="Female" name="sex" value="Female"/>Female 
  </div>
</span>

- ztirom

---

谢谢 @ztirom - 就是这样，尽管我进行了一些微小的更改以适应页面的其他部分。 - Paul S Chapman

Answer 2

试试这个

span(style='display:block;')
    div
        p Sex:
        label
            input(type='radio',id='Male',name='sex',value='Male')
                | Male
        label
            input(type='radio',id='Female',name='sex',value='Female')
                | Female  

- f1nn