翡翠单选按钮检查状态

时间:2012-11-29 11:21:51

标签: radio-button conditional-statements pug

我在Jade文件中有表单,我希望它预先填充来自后端的一些值。在表单中,有用户性别的单选按钮。

input(type="radio", name="gender_filter", value="1") Male
input(type="radio", name="gender_filter", value="0") Female

现在我也有了这个变量gender_param,我想在页面加载时选择相应的按钮。 在 PHP 中,我可以这样做:

<input type="radio" name="gender_filter", value="1" <?php echo ($gender_param==1)?"checked":''; ?>>

是否有相应的Jade语法?或者我需要使用像

这样的行重复来编写它
- if gender_param==1
   input(type="radio", name="gender_filter", value="1", checked) Male
- else
   input(type="radio", name="gender_filter", value="1") Male

2 个答案:

答案 0 :(得分:8)

你可以在jade中比在PHP中更简单地执行此操作:

input(type="radio", name="gender_filter", value="1", checked=gender=="male")
| Male
input(type="radio", name="gender_filter", value="0", checked=gender=="female")
| Female

此代码块期望gender是从后端传递到视图的变量。

答案 1 :(得分:3)

对于Jade:这里有一些输入类型以及一旦提交表单就保持选中值的简写,即这样您就可以填充编辑页面......

单选按钮:

input(type="radio" name="stars" value='1' id='stars' checked=theAlbum.rating=='1')

选择框:

option(selected = theAlbum.genre) #{theAlbum.genre}

option Jazz option Rock option Rap option Dance

复选框:

checked=theAlbum.checkbox