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;