javascript - 翡翠のチェックボックスが条件付きに基づいて属性をチェックしていません（if）

Question

条件に基づいてチェックボックスのチェックされた属性をレンダリングするためにjadeを取得するにはどうすればよいですか？HTMLチェックボックスタグの次の2つのバージョンのように：

これは、チェックされていない唯一の有効なバージョンのようです。

>  <input type="checkbox" name="vehicle" value="Bike">

これがチェックされている間：

> <input type="checkbox" name="vehicle" value="Car" checked="checked">

これが私がこれまでに試したことです：

この翡翠は大丈夫です：

    input(type="checkbox", name="completed", checked=(true===true ? "checked" : "")).checkbox

これをレンダリングするため：

<input type="checkbox" name="completed" checked="checked" class="checkbox">

しかし、この翡翠は大丈夫ではありません：

    input(type="checkbox", name="completed", checked=(false===true ? "checked" : "")).checkbox

これをレンダリングするため：

<input type="checkbox" name="completed" checked="" class="checkbox">

これの代わりに：

<input type="checkbox" name="completed" class="checkbox">

チェックされた属性の値だけでなく、チェックされた属性全体をJadeにレンダリングさせるにはどうすればよいですか？

score 65 · Accepted Answer

次を使用できます。

input(type="checkbox", name="completed", checked=(true===false ? "checked" : undefined))

score 18 · Accepted Answer

値を指定する必要はありません。

input(type="checkbox", name="completed", checked=(condition))

条件がfalseの場合、チェックされた属性は追加されません。

score 0 · Accepted Answer

同じことを行う別の方法は、「if」条件によるものです。

if(#{data.refrigerated} == '1')
   input(type='checkbox', name='refrigerated', checked)
else
   input(type='checkbox', name='refrigerated')

条件がtrueの場合、DOMのチェックボックスがオンになります。それ以外の場合は、チェックボックスがオフになります。

score 0 · Accepted Answer

あなたはこのように試すことができます

  option(value='man' selected = profile.sex ==='man') man
  option(value='female' selected = profile.sex ==='female') female

4 に答える 4