やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

ラジオボタン要素+DomMapper

 value属性をキーにしてtextContenttitleの値を後付けする。ついでに選択状態を保存してくれる。

成果物

index.html

<radio-button id="r1">
  <option value="v1">
<radio-button>

map.tsv

query target  和 英
input[type="radio"][name="r1"][value="v1"] + label  textContent 値1    value1

結果

index.html

<input ...>
<label>値1</label>
<input ...>
<label>value1</label>

所感

 日本語や英語などバリエーションがあるときに便利。

対象環境

$ uname -a
Linux raspberrypi 5.4.83-v7l+ #1379 SMP Mon Dec 14 13:11:54 GMT 2020 armv7l GNU/Linux