如何仅在选中复选框时才能使链接可单击

时间:2017-11-02 04:58:21

标签: html

我没有正式的网络开发培训,完全是通过研究其他网站的代码并从互联网上找到东西来创建我的网站。因此,对于许多已建立的Web开发人员来说,我的查询可能是微不足道的。 我创建了这个网站:www.justnoktours.com这是曼谷自行车旅行的预订网站。这是非常基本的...客户阅读有关旅游,然后“预订旅游” 我现在需要他们在“预订此旅游”按钮变为可点击之前先检查一个复选框。

我附上了一张图片(带代码),说明了这需要的位置以及需要发生的事情。

如果有人可以帮助我,我真的很感激你是否可以给我一些确切的代码,以便我可以剪切和粘贴。 website page

1 个答案:

答案 0 :(得分:0)

您可以使用以下代码:

    <label for="chkTermsAndConditions">
    <input name="chkTermsAndConditions" id="chkTermsAndConditions" type="checkbox" onchange="document.getElementById('btnBookTour').disabled = !this.checked;" />
    I have read and agree to the Booking conditions
</label>
<input type="button" name="btnBookTour" disabled id="btnBookTour" value="Book this tour" />