【问题标题】:Jade radio button checked conditionJade 单选按钮检查条件
【发布时间】:2012-11-17 11:02:03
【问题描述】:

我在 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

【问题讨论】:

    标签: radio-button conditional-statements pug


    【解决方案1】:

    对于 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

    【讨论】:

      【解决方案2】:

      你可以在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 是从后端传递到视图的变量。

      【讨论】:

      猜你喜欢
      • 2021-09-03
      • 2018-06-23
      • 2011-02-11
      • 1970-01-01
      • 2011-06-10
      • 1970-01-01
      • 2019-05-29
      • 2019-01-15
      • 1970-01-01
      相关资源
      最近更新 更多