javascript - 在转到其他页面之前检查该复选框是否已选中

Question

我有一张缩略图，点击后会链接到另一个页面。而且我想确保用户在单击缩略图以转到其他页面之前已选中一个复选框。

我的 Javascript 函数目前是：

function CheckForm(obj1) { 

if (obj1.accept.checked == false){
  alert ("You must check the box to confirm you have read and accept the Terms.");
return false;
} 
return true;
}

我的 html 看起来像这样：

<input name="accept" type="checkbox" value="0">Confirmation Box</input>

<a href="http://somelink.com">
<img src="/Koala.jpg" height="94" width="94" />
</a>

所以我希望用户必须先选中复选框，然后才能点击 koala.jpg 缩略图。因此，用户访问 somelink.com 的唯一方法是选中该复选框。

Answer 1

<a href="http://somelink.com" onclick="return CheckForm()">


function CheckForm(obj1) { 

if (!($('#accept').is(":checked"))){
  alert ("You must check the box to confirm you have read and accept the Terms.");
return false;
} 
return true;
}

Answer 2

问题在标签中列出了 jquery，所以我假设您可以访问该库：

jQuery('#name').is(':checked') == false