javascript - 変数を使用してテキストを表示する HTML

Question

次のように HTML でチェックボックスを作成しています。

<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />

ここで、I have a bike一部、つまりチェックボックスの横にあるテキストを変数から取得したいと考えています。これはどのように行うことができますか？

Answer 1

<input type="checkbox" name="vehicle" value="Bike" id="vehicle" />
<label for="vehicle" id="lblVehicle"></label><br />
<script>
var lblBike = 'I have a bike';
document.getElementById('lblVehicle').innerHTML = lblBike;
</script>

Answer 2

var yourTextVariable = 'I have a cool bike';
document.getElementById('vehicle').innerHTML = yourTextVariable;